%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/opti/public_html/ncf/static/js/
Upload File :
Create Path :
Current File : /home/opti/public_html/ncf/static/js/23.04b3d654.chunk.js.map

{"version":3,"sources":["app/layout/components/SliderBar/SliderBar.js","../node_modules/swiper/esm/react/utils.js","../node_modules/swiper/esm/react/use-isomorphic-layout-effect.js","../node_modules/swiper/esm/react/swiper-slide.js","app/main/support-nature/components/slider/styles.js","app/main/support-nature/components/slider/Slider.js","app/main/support-nature/index.js"],"names":["SliderBar","userId","localStorage","getItem","useState","cart","setCart","useEffect","fetch","SERVER_URL","then","res","json","status","data","console","log","noOfItems","length","className","href","src","alt","isObject","o","constructor","Object","prototype","toString","call","slice","extend","target","noExtend","keys","filter","key","indexOf","forEach","__swiper__","needsNavigation","params","navigation","nextEl","prevEl","needsPagination","pagination","el","needsScrollbar","scrollbar","uniqueClasses","classNames","classes","split","map","c","trim","unique","push","join","useIsomorphicLayoutEffect","callback","deps","window","useLayoutEffect","_excluded","_extends","assign","i","arguments","source","hasOwnProperty","apply","this","SwiperSlide","forwardRef","_temp","externalRef","slideData","_ref","_ref$tag","tag","Tag","children","_ref$className","swiper","zoom","virtualIndex","rest","excluded","sourceKeys","_objectWithoutPropertiesLoose","slideElRef","useRef","_useState","slideClasses","setSlideClasses","updateClasses","current","destroyed","on","off","getSlideClasses","isActive","isVisible","isDuplicate","isPrev","isNext","renderChildren","React","createElement","ref","undefined","displayName","Slider","styled","div","props","images","setImages","imageData","page","SupportNature"],"mappings":"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","file":"static/js/23.04b3d654.chunk.js","sourcesContent":["import React, { useState, useEffect } from 'react';\r\nimport {SERVER_URL, CLIENT_URL} from '../../../config/server';\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\"\r\nimport \"./sliderbar.css\"\r\n\r\nfunction SliderBar(){\r\n\r\n    const userId = localStorage.getItem('loggedInUser');\r\n    const [cart, setCart] = useState([])\r\n\r\n    useEffect(() => {\r\n          const fetchcart =() =>{\r\n            fetch(`${SERVER_URL}/cart/all/${userId}`)\r\n            .then(res => res.json())\r\n            .then(json => {\r\n              if(json.status === 200){\r\n                  setCart(json.data);\r\n              }else{\r\n                  console.log(json);\r\n              }\r\n          });\r\n            \r\n          \r\n        }\r\n\r\n        fetchcart()\r\n      }, []);\r\n\r\n\r\n      const noOfItems = cart.length;\r\n\r\n    return(\r\n            <div className=\"sliderbardiv sm:mb-20\">\r\n                <div className=\"flex sliderbar shadow-sm -mt-9 field-bottom\">\r\n                <a href=\"/shop\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48 broder-0 border-r border-solid\">\r\n                    <span className=\"mb-2\">\r\n                        <img src=\"/assets/images/icons/shop.svg\" alt=\"\" />\r\n                    </span>\r\n                    <span>Shop</span>\r\n                </a>\r\n                <a href=\"/cart\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48 broder-0 border-r border-solid\">\r\n                    <span className=\"mb-2\">\r\n                        <img src=\"/assets/images/icons/shopping-cart.svg\" alt=\"\" />\r\n                    </span>\r\n                    <span>Cart <span className=\"cartNumber\"> {noOfItems}</span></span>\r\n                </a>\r\n                <a href=\"/donate\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48\">\r\n                    <span className=\"mb-2\">\r\n                        <img src=\"/assets/images/icons/donation.svg\" alt=\"\" />\r\n                    </span>\r\n                    <span>Donate</span>\r\n                </a>\r\n            </div>\r\n            </div>\r\n    )\r\n}\r\nexport default SliderBar;\r\n","function isObject(o) {\n  return typeof o === 'object' && o !== null && o.constructor && Object.prototype.toString.call(o).slice(8, -1) === 'Object';\n}\n\nfunction extend(target, src) {\n  var noExtend = ['__proto__', 'constructor', 'prototype'];\n  Object.keys(src).filter(function (key) {\n    return noExtend.indexOf(key) < 0;\n  }).forEach(function (key) {\n    if (typeof target[key] === 'undefined') target[key] = src[key];else if (isObject(src[key]) && isObject(target[key]) && Object.keys(src[key]).length > 0) {\n      if (src[key].__swiper__) target[key] = src[key];else extend(target[key], src[key]);\n    } else {\n      target[key] = src[key];\n    }\n  });\n}\n\nfunction needsNavigation(params) {\n  if (params === void 0) {\n    params = {};\n  }\n\n  return params.navigation && typeof params.navigation.nextEl === 'undefined' && typeof params.navigation.prevEl === 'undefined';\n}\n\nfunction needsPagination(params) {\n  if (params === void 0) {\n    params = {};\n  }\n\n  return params.pagination && typeof params.pagination.el === 'undefined';\n}\n\nfunction needsScrollbar(params) {\n  if (params === void 0) {\n    params = {};\n  }\n\n  return params.scrollbar && typeof params.scrollbar.el === 'undefined';\n}\n\nfunction uniqueClasses(classNames) {\n  if (classNames === void 0) {\n    classNames = '';\n  }\n\n  var classes = classNames.split(' ').map(function (c) {\n    return c.trim();\n  }).filter(function (c) {\n    return !!c;\n  });\n  var unique = [];\n  classes.forEach(function (c) {\n    if (unique.indexOf(c) < 0) unique.push(c);\n  });\n  return unique.join(' ');\n}\n\nexport { isObject, extend, needsNavigation, needsPagination, needsScrollbar, uniqueClasses };","import { useEffect, useLayoutEffect } from 'react';\n\nfunction useIsomorphicLayoutEffect(callback, deps) {\n  // eslint-disable-next-line\n  if (typeof window === 'undefined') return useEffect(callback, deps);\n  return useLayoutEffect(callback, deps);\n}\n\nexport { useIsomorphicLayoutEffect };","var _excluded = [\"tag\", \"children\", \"className\", \"swiper\", \"zoom\", \"virtualIndex\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React, { useRef, useState, forwardRef } from 'react';\nimport { uniqueClasses } from './utils';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\nvar SwiperSlide = /*#__PURE__*/forwardRef(function (_temp, externalRef) {\n  var _ref = _temp === void 0 ? {} : _temp,\n      _ref$tag = _ref.tag,\n      Tag = _ref$tag === void 0 ? 'div' : _ref$tag,\n      children = _ref.children,\n      _ref$className = _ref.className,\n      className = _ref$className === void 0 ? '' : _ref$className,\n      swiper = _ref.swiper,\n      zoom = _ref.zoom,\n      virtualIndex = _ref.virtualIndex,\n      rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n  var slideElRef = useRef(null);\n\n  var _useState = useState('swiper-slide'),\n      slideClasses = _useState[0],\n      setSlideClasses = _useState[1];\n\n  function updateClasses(swiper, el, classNames) {\n    if (el === slideElRef.current) {\n      setSlideClasses(classNames);\n    }\n  }\n\n  useIsomorphicLayoutEffect(function () {\n    if (externalRef) {\n      externalRef.current = slideElRef.current;\n    }\n\n    if (!slideElRef.current || !swiper) {\n      return;\n    }\n\n    if (swiper.destroyed) {\n      if (slideClasses !== 'swiper-slide') {\n        setSlideClasses('swiper-slide');\n      }\n\n      return;\n    }\n\n    swiper.on('_slideClass', updateClasses); // eslint-disable-next-line\n\n    return function () {\n      if (!swiper) return;\n      swiper.off('_slideClass', updateClasses);\n    };\n  });\n  useIsomorphicLayoutEffect(function () {\n    if (swiper && slideElRef.current) {\n      setSlideClasses(swiper.getSlideClasses(slideElRef.current));\n    }\n  }, [swiper]);\n  var slideData;\n\n  if (typeof children === 'function') {\n    slideData = {\n      isActive: slideClasses.indexOf('swiper-slide-active') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-active') >= 0,\n      isVisible: slideClasses.indexOf('swiper-slide-visible') >= 0,\n      isDuplicate: slideClasses.indexOf('swiper-slide-duplicate') >= 0,\n      isPrev: slideClasses.indexOf('swiper-slide-prev') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-prev') >= 0,\n      isNext: slideClasses.indexOf('swiper-slide-next') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-next') >= 0\n    };\n  }\n\n  var renderChildren = function renderChildren() {\n    return typeof children === 'function' ? children(slideData) : children;\n  };\n\n  return /*#__PURE__*/React.createElement(Tag, _extends({\n    ref: slideElRef,\n    className: uniqueClasses(\"\" + slideClasses + (className ? \" \" + className : '')),\n    \"data-swiper-slide-index\": virtualIndex\n  }, rest), zoom ? /*#__PURE__*/React.createElement(\"div\", {\n    className: \"swiper-zoom-container\",\n    \"data-swiper-zoom\": typeof zoom === 'number' ? zoom : undefined\n  }, renderChildren()) : renderChildren());\n});\nSwiperSlide.displayName = 'SwiperSlide';\nexport { SwiperSlide };","import styled from \"styled-components\"\r\n\r\nconst Slider = styled.div`\r\n  position: relative;\r\n  height: 700px;\r\n\tborder: 1px solid #eee\r\n\r\n  background: #eee;\r\n  font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;\r\n  font-size: 14px;\r\n  color: rgb(39, 38, 38);\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n\t.swiper-container {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.swiper-slide {\r\n\t\tfont-size: 18px;\r\n\t\tbackground: transparent;\r\n\r\n\t\t/* Center slide text vertically */\r\n\t\tdisplay: -webkit-box;\r\n\t\tdisplay: -ms-flexbox;\r\n\t\tdisplay: -webkit-flex;\r\n\t\tdisplay: flex;\r\n\t\t-webkit-box-pack: center;\r\n\t\t-ms-flex-pack: center;\r\n\t\t-webkit-justify-content: center;\r\n\t\tjustify-content: center;\r\n\t\t-webkit-box-align: center;\r\n\t\t-ms-flex-align: center;\r\n\t\t-webkit-align-items: center;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.swiper-slide img {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.swiper-slide .slider-wrapper {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.slider-text {\r\n\t\tposition: absolute;\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.field-bottom {\r\n\t\ttransform: translate(10%, 306px);\r\n\t}\r\n\r\n\t@media screen and (max-width: 640px) {\r\n\t\t.field-bottom {\r\n\t\t\ttransform: translate(0%, 0%);\r\n\t\t}\r\n\t}\r\n`\r\n\r\nexport default Slider","import React, { useState, useEffect } from 'react';\r\nimport {SERVER_URL} from '../../../../config/server';\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport SliderContainer from \"./styles\"\r\nimport '../../../style.css'\r\n\r\nfunction Slider(props) {\r\n  const [images, setImages] = useState('');\r\n\r\n  useEffect(() => {\r\n    const fetchImages =() =>{\r\n      fetch(`${SERVER_URL}/image/page-banners`)\r\n      .then(res => res.json())\r\n      .then(json => {\r\n        if(json.status === 200){\r\n          const imageData = json.data;\r\n          setImages(imageData);\r\n        }else{\r\n            console.log(\"Oops couldn't fetch data\");\r\n        }\r\n    });\r\n      \r\n    }\r\n\r\n    fetchImages();\r\n  }, []);\r\n\r\n  const page = props.page;\r\n  return (\r\n    <SliderContainer className=\"mt-6 z-index-3\">\r\n                <SwiperSlide>\r\n                    <div className=\"slider-wrapper\">\r\n                        <div className=\"slider-text border border-solid\">\r\n                            <div className=\"max-w-7xl mx-auto pb-16 pt-48 md:px-16 px-8\">\r\n                            <div className=\"grid md:grid-cols-2 grid-cols-1 gap-x-8 gap-y-8\">\r\n                            <div className=\"content banner-txt\">\r\n                            <h1 className='text-4xl font-bold text-white mb-4'>\r\n                              What have you done for the Environment Lately?\r\n                            </h1>\r\n                            <p className='font-light text-white mb-6'>\r\n                              What you give goes a long way\r\n                            </p>\r\n\r\n                            <a href=\"/donate\">\r\n                            <button className='bg-green hover:bg-green-800 text-white font-bold py-2 px-8 rounded'>\r\n                              Donate\r\n                            </button>\r\n                            </a>\r\n                                </div> \r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        <img src={`https://admin.ncfnigeria.org/images/banners/${images[page]}`} alt=\"\" />\r\n                    </div>\r\n                </SwiperSlide>\r\n            \r\n        </SliderContainer>\r\n  );\r\n}\r\n\r\nexport default Slider;\r\n","import React from 'react';\r\nimport { SocialTabs } from '@nfc';\r\nimport HomeSlider from './components/slider/Slider';\r\nimport \"./SupportNature.css\";\r\nimport SliderBar from \"../../layout/components/SliderBar/SliderBar\"\r\nimport '../style.css'\r\n\r\nfunction SupportNature() {\r\n  const page = 'support_nature'\r\n  return (\r\n    <div>\r\n      <HomeSlider page={page} />\r\n      <div className='w-full bg-gray-100 py-4'>\r\n        <SliderBar/>\r\n        <div className='max-w-5xl mx-auto md:px-16 px-8'>\r\n          <div className='grid md:grid-cols-1 grid-cols-1 md:gap-8 items-start md:mb-0 mb-8'>\r\n            <div className='block'>\r\n              <h1 className='text-4xl font-bold mb-2'>SPONSORSHIP & DONATION</h1>\r\n              <p className='text-base text-mbl  txt-justify mb-4'>\r\n              As a non-profit non-governmental organization, funding for projects and events are received through \r\n                kind donations and sponsorship from individuals and corporate organisations. Contributions are pooled \r\n                with the funds from other donors, sponsors and membership subscriptions to support conservation activities. \r\n                Contact information: – <span className=\"text-green\">fundraising@ncfnigeria.org</span>\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <img className=\"forest\" src='/assets/images/getinvolved/forest.svg' alt='' />\r\n        <img className=\"white\" src='/assets/images/getinvolved/white.svg' alt='' />\r\n      </div>\r\n\r\n      <div className='imagecover w-full bg-white py-16'>\r\n        <div className='max-w-7xl mx-auto md:px-16 px-8'>\r\n          <div className='text-right mb-2'>\r\n            <h1 className='font-bold text-2xl'>\r\n            SPONSORSHIP\r\n            </h1>\r\n            <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-300' />\r\n          </div>\r\n\r\n          <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 items-start md:mb-0 mb-8'>\r\n            <div className='md:col-span-6 col-span-12'>\r\n              <img src='/assets/images/groups/shake.png' alt='' />\r\n            </div>\r\n            <div className='mt-6 md:col-span-6 col-span-12'>\r\n              <p className='font-base text-mbl  txt-justify mb-4'>\r\n              Organisations that are concerned about the environment have been at the forefront of\r\n              generously supporting the foundation’s events and programmes over the years. Successes of\r\n              our events are premised on sponsorship from corporate organizations. As a corporate\r\n              organisation, you can support any or all of the following annual programmes:\r\n              </p>\r\n              <ul className='ml-4 proglist text-mbl mb-4'>\r\n                <li>World Environmental Day</li>\r\n                <li>World Habitat Day</li>\r\n                <li>Annual Walk for Nature</li>\r\n                <li>Annual Green Ball</li>\r\n              </ul>\r\n              <p className='font-base text-mbl  txt-justify mb-4'>\r\n              Sponsors are recognised in all communication channels such as event brochure, press releases, \r\n              social media and on the Foundation’s website. Artworks are equally published in all\r\n              communication materials. Be a sponsor.\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      \r\n\r\n      <div className='imagecover w-full bg-white py-16'>\r\n        <div className='max-w-7xl mx-auto md:px-16 px-8'>\r\n          <div className='mb-2 mt-5em'>\r\n            <h1 className='font-bold text-2xl'>\r\n            DONATION\r\n            </h1>\r\n            <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-300' />\r\n          </div>\r\n\r\n          <div className='grid md:grid-cols-12 grid-cols-2 md:gap-8 items-start md:mb-0 mb-8'>\r\n            <div className='mt-2 md:col-span-6 col-span-12'>\r\n              <p className='font-base text-mbl  txt-justify mb-2 mt-2em'>\r\n                Kindly donate to the Foundation to support any area of environmental conservation. As a\r\n                donor, you may choose specific area or activity you wish to support e.g. environmental\r\n                education, research, essay competitions, school visits and student membership etc or pool the \r\n                fund with other donors.\r\n              </p>\r\n              <p className='font-base text-mbl  txt-justify mb-4'>\r\n                Increasingly, individuals who share common value with our vision and mission are leaving \r\n                bequests to the NCF as a way of leaving their footprints in the sand of time. Such endowments \r\n                are used for stated purpose(s) or for any environmental conservation. On request, projects can \r\n                be named after the benefactors as a way of immortalising them. Please donate now.\r\n              </p>\r\n            </div>\r\n            <div className='md:col-span-6 col-span-1'>\r\n              <img src='/assets/images/groups/coin.png' alt='' />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className='imagecover w-full bg-white py-16'>\r\n        <div className='max-w-7xl mx-auto md:px-16 px-8'>\r\n          <div className='mb-2 mt-2em'>\r\n            <h1 className='font-bold text-2xl'>\r\n            BENEFITS TO DONORS AND SPONSORS\r\n            </h1>\r\n            <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-300' />\r\n          </div>\r\n\r\n          <div className='grid md:grid-cols-12 grid-cols-2 md:gap-8 items-start md:mb-0 mb-8'>\r\n            <div className='mt-6 md:col-span-8 col-span-12'>\r\n            <ul className='ml-4 proglist  text-mbl mb-4 mt-2em'>\r\n                <li>Donations and sponsorship count for corporate social responsibility contribution to the environment for individuals and organisations.</li>\r\n                \r\n                <li>Partners have opportunities to utilise the outputs of this initiative in ways that can contribute to their business growth and investment opportunities.</li>\r\n                \r\n                <li>Partners are promoted through global corporate branding linked to the goodwill this local initiative offer.</li>\r\n                \r\n                <li>Partners receive an annual Distinguished Presidential Award as key contributor to national and global efforts on achieving Sustainable Development Goals in Nigeria.</li>\r\n                \r\n                <li>Brand visibility across all channels that will be employed to promote the event.</li>\r\n                \r\n                <li>Recognition (public speeches and interviews in both print and electronic media on days leading to the event).\r\n                    Opportunity for merchandising at the events.</li>\r\n                \r\n                <li>Partnership in environmental stewardship with the Nigerian Conservation Foundation, a foremost environmental non-governmental organisation in Nigeria.</li>\r\n              </ul>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n     \r\n    </div>\r\n  );\r\n}\r\n\r\nexport default SupportNature;\r\n"],"sourceRoot":""}

Zerion Mini Shell 1.0