%PDF-
%PDF-
Mini Shell
Mini Shell
{"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/get-involved/components/slider/styles.js","app/main/get-involved/components/slider/Slider.js","app/actions/membership.js","../../libs/paystack-script.ts","../../libs/use-paystack.ts","../../libs/paystack-actions.ts","../../node_modules/tslib/tslib.es6.js","../../libs/paystack-context.ts","../../libs/paystack-provider.tsx","../../libs/paystack-consumer.tsx","app/main/get-involved/components/IndividualForm.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","corporatemembershipAction","membershipData","method","headers","body","JSON","stringify","response","setItem","location","reload","message","individualmembershipAction","cachedScripts","usePaystackPayment","options","loaded","error","state","setState","includes","document","async","index","splice","remove","addEventListener","appendChild","removeEventListener","usePaystackScript","scriptLoaded","scriptError","publicKey","firstname","lastname","phone","email","amount","reference","metadata","currency","channels","label","plan","quantity","subaccount","transaction_charge","bearer","split_code","Error","onClose","paystackArgs","handler","PaystackPop","setup","openIframe","callPaystackPop","t","s","n","p","__rest","e","getOwnPropertySymbols","propertyIsEnumerable","PaystackContext","initializePayment","onSuccess","PaystackProvider","Provider","value","PaystackConsumerChild","paraSuccess","paraClose","others","IndividualForm","countries","setCountries","country","setCountry","states","setStates","thestate","settheState","cities","setCities","city","setCity","membershipType","member","Number","price","payment","setPayment","userEmail","setUserEmail","paystack_p_key","paystack_id","member_email","useForm","register","handleSubmit","formState","errors","isDirty","isValid","gateway","public_key","id","config","Date","getTime","onSubmit","type","name","full_name","other_name","country_id","state_id","city_id","address","email_address","phone_number","sex","gender","marital_status","occupation","institution","previous_mem_no","previous_membership_number","paymentdata","payment_status","transaction_reference","payment_gateway_id","memberData","required","placeholder","autoComplete","dob","onChange","countryID","stateID","thestates","htmlFor","fontSize","color"],"mappings":"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","file":"static/js/7.6744c27e.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 {SERVER_URL, CLIENT_URL} from '../config/server';\r\n\r\nexport function corporatemembershipAction (membershipData){\r\n fetch(`${SERVER_URL}/membership/corporate`, {\r\n method: 'POST',\r\n headers:{\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(membershipData)\r\n }).then(response => response.json())\r\n .then(json => {\r\n console.log(json, 'json')\r\n if(json.status === 200){\r\n localStorage.setItem('login-success', \"Membership Registration Successful\");\r\n window.location.reload();\r\n }else if(json.status === 422){\r\n localStorage.setItem('login-error', JSON.stringify(json.message));\r\n window.location.reload();\r\n }else{\r\n console.log(\"An error occured\");\r\n }\r\n });\r\n }\r\n\r\n\r\n export function individualmembershipAction (membershipData){\r\n fetch(`${SERVER_URL}/membership/individual`, {\r\n method: 'POST',\r\n headers:{\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(membershipData)\r\n }).then(response => response.json())\r\n .then(json => {\r\n console.log(json, 'json')\r\n if(json.status === 200){\r\n localStorage.setItem('login-success', \"Membership Registration Successful\");\r\n window.location.reload();\r\n }else if(json.status === 422){\r\n localStorage.setItem('login-error', JSON.stringify(json.message));\r\n window.location.reload();\r\n }else{\r\n console.log(\"An error occured\");\r\n }\r\n });\r\n }\r\n \r\n\r\n","import {useState, useEffect} from 'react';\n\nconst cachedScripts: string[] = [];\ninterface IScriptResult {\n loaded: boolean;\n error: boolean;\n}\n\nexport default function usePaystackScript(): boolean[] {\n const src = 'https://js.paystack.co/v1/inline.js';\n\n const [state, setState] = useState<IScriptResult>({\n loaded: false,\n error: false,\n });\n\n useEffect((): any => {\n if (cachedScripts.includes(src)) {\n setState({\n loaded: true,\n error: false,\n });\n } else {\n cachedScripts.push(src);\n\n const script = document.createElement('script');\n script.src = src;\n script.async = true;\n\n const onScriptLoad = (): void => {\n setState({\n loaded: true,\n error: false,\n });\n };\n\n const onScriptError = (): void => {\n const index = cachedScripts.indexOf(src);\n if (index >= 0) cachedScripts.splice(index, 1);\n script.remove();\n\n setState({\n loaded: true,\n error: true,\n });\n };\n\n script.addEventListener('load', onScriptLoad);\n script.addEventListener('complete', onScriptLoad);\n script.addEventListener('error', onScriptError);\n\n document.body.appendChild(script);\n\n return (): void => {\n script.removeEventListener('load', onScriptLoad);\n script.removeEventListener('error', onScriptError);\n };\n }\n }, [src]);\n\n return [state.loaded, state.error];\n}\n","import {useEffect} from 'react';\nimport {PaystackProps} from './types';\nimport usePaystackScript from './paystack-script';\nimport {callPaystackPop} from './paystack-actions';\n\nexport default function usePaystackPayment(\n options: PaystackProps,\n): (callback?: Function, onClose?: Function) => void {\n const [scriptLoaded, scriptError] = usePaystackScript();\n const {\n publicKey,\n firstname,\n lastname,\n phone,\n email,\n amount,\n reference,\n metadata = {},\n currency = 'NGN',\n channels,\n label = '',\n plan = '',\n quantity = '',\n subaccount = '',\n transaction_charge = 0,\n bearer = 'account',\n split,\n split_code,\n } = options;\n\n function initializePayment(callback?: Function, onClose?: Function): void {\n if (scriptError) {\n throw new Error('Unable to load paystack inline script');\n }\n\n if (scriptLoaded) {\n const paystackArgs: Record<string, any> = {\n callback: callback ? callback : (): any => null,\n onClose: onClose ? onClose : (): any => null,\n key: publicKey,\n ref: reference,\n email,\n firstname,\n lastname,\n phone,\n amount,\n currency,\n plan,\n quantity,\n 'data-custom-button': options['data-custom-button'] || '',\n channels,\n subaccount,\n transaction_charge,\n bearer,\n label,\n metadata,\n split,\n split_code,\n };\n callPaystackPop(paystackArgs);\n }\n }\n\n useEffect(() => {\n if (scriptError) {\n throw new Error('Unable to load paystack inline script');\n }\n }, [scriptError]);\n\n return initializePayment;\n}\n","export const callPaystackPop = (paystackArgs: Record<string, any>): void => {\n //@ts-ignore\n const handler = window.PaystackPop && window.PaystackPop.setup(paystackArgs);\n handler && handler.openIframe();\n};\n","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from) {\r\n for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)\r\n to[j] = from[i];\r\n return to;\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to get private field on non-instance\");\r\n }\r\n return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to set private field on non-instance\");\r\n }\r\n privateMap.set(receiver, value);\r\n return value;\r\n}\r\n","import {createContext} from 'react';\n\ntype IPaystackContext = {\n initializePayment: Function;\n onSuccess: Function;\n onClose: Function;\n};\n\nconst PaystackContext = createContext<IPaystackContext>({\n initializePayment: () => null,\n onSuccess: () => null,\n onClose: () => null,\n});\n\nexport default PaystackContext;\n","import React from 'react';\nimport PaystackContext from './paystack-context';\nimport usePaystackPayment from './use-paystack';\nimport {PaystackProps} from './types';\n\ninterface PaystackProviderProps extends PaystackProps {\n children: JSX.Element;\n onSuccess: Function;\n onClose: Function;\n}\n\nconst PaystackProvider = ({\n children,\n onSuccess,\n onClose,\n ...others\n}: PaystackProviderProps): JSX.Element => {\n const initializePayment = usePaystackPayment(others);\n return (\n <PaystackContext.Provider value={{initializePayment, onSuccess, onClose}}>\n {children}\n </PaystackContext.Provider>\n );\n};\n\nexport default PaystackProvider;\n","import React, {forwardRef, useContext, FunctionComponentElement} from 'react';\nimport PaystackProvider from './paystack-provider';\nimport {PaystackProps} from './types';\nimport PaystackContext from './paystack-context';\n\ninterface PaystacConsumerProps extends PaystackProps {\n children: Function;\n onSuccess?: Function;\n onClose?: Function;\n}\n\nconst PaystackConsumerChild = ({\n children,\n ref,\n}: {\n children: Function;\n ref: any;\n}): FunctionComponentElement<any> => {\n const {initializePayment, onSuccess, onClose} = useContext(PaystackContext);\n const completeInitializePayment = (): void => initializePayment(onSuccess, onClose);\n return children({initializePayment: completeInitializePayment, ref});\n};\n\nconst PaystackConsumer = forwardRef(\n (\n {children, onSuccess: paraSuccess, onClose: paraClose, ...others}: PaystacConsumerProps,\n ref: any,\n ): JSX.Element => {\n const onSuccess = paraSuccess ? paraSuccess : (): any => null;\n const onClose = paraClose ? paraClose : (): any => null;\n return (\n <PaystackProvider {...others} onSuccess={onSuccess} onClose={onClose}>\n <PaystackConsumerChild ref={ref}>{children}</PaystackConsumerChild>\n </PaystackProvider>\n );\n },\n);\n\nexport default PaystackConsumer;\n","import React, { useState, useEffect } from 'react';\r\nimport {SERVER_URL} from '../../../config/server';\r\nimport { useForm } from 'react-hook-form';\r\nimport clsx from 'clsx';\r\nimport { HiOutlineChevronDown, HiLockClosed } from 'react-icons/hi';\r\n\r\nimport {individualmembershipAction} from '../../../actions/membership'\r\nimport { usePaystackPayment } from 'react-paystack';\r\n\r\nfunction IndividualForm(props) {\r\n const [countries, setCountries] = useState([])\r\n const [country, setCountry] = useState('')\r\n const [states, setStates] = useState([])\r\n const [thestate, settheState] = useState([])\r\n const [cities, setCities] = useState([])\r\n const [city, setCity] = useState([])\r\n const [member, setMember] = useState(props.membershipType);\r\n const [price, setPrice] = useState(Number(props.price * 100));\r\n const [payment, setPayment] = useState();\r\n const [userEmail, setUserEmail] = useState();\r\n\r\n useEffect(() => {\r\n const fetchCountry =() =>{\r\n fetch(`${SERVER_URL}/location/country`)\r\n .then(res => res.json())\r\n .then(json => {\r\n if(json.status === 200){\r\n setCountries(json.data);\r\n }else{\r\n console.log(\"Oops couldn't fetch data\");\r\n }\r\n });\r\n \r\n }\r\n \r\n fetchCountry();\r\n }, []);\r\n\r\n const handleCountry = (e) =>{\r\n let countryID = e.target.value;\r\n\r\n const fetchState =() =>{\r\n fetch(`${SERVER_URL}/location/state/${countryID}`)\r\n .then(res => res.json())\r\n .then(json => {\r\n if(json.status === 200){\r\n setStates(json.data);\r\n }else{\r\n console.log(\"Oops couldn't fetch data\");\r\n }\r\n });\r\n \r\n }\r\n\r\n fetchState();\r\n \r\n setCountry(e.target.value);\r\n }\r\n\r\n\r\n const handleState = (e) =>{\r\n let stateID = e.target.value;\r\n\r\n const fetchCity =() =>{\r\n fetch(`${SERVER_URL}/location/city/${stateID}`)\r\n .then(res => res.json())\r\n .then(json => {\r\n if(json.status === 200){\r\n setCities(json.data);\r\n }else{\r\n console.log(\"Oops couldn't fetch data\");\r\n }\r\n });\r\n \r\n }\r\n\r\n fetchCity();\r\n settheState(e.target.value)\r\n }\r\n\r\n const handleCity = (e) =>{\r\n setCity(e.target.value)\r\n }\r\n\r\n\r\n const {\r\n register,\r\n handleSubmit,\r\n formState: { errors, isDirty, isValid },\r\n } = useForm();\r\n\r\n\r\n\r\n\r\n // Fetching Paystack Details \r\n useEffect(() => {\r\n const fetchgateway =() =>{\r\n fetch(`${SERVER_URL}/gateway/payment`)\r\n .then(res => res.json())\r\n .then(json => {\r\n if(json.status === 200){\r\n setPayment(json.data);\r\n }else{\r\n console.log(json.message);\r\n }\r\n }); \r\n }\r\n\r\n fetchgateway()\r\n }, [])\r\n \r\n\r\n // Setting the paystack Key \r\n let paystack_p_key\r\n let paystack_id\r\n if(payment){\r\n payment.map(gateway =>{\r\n paystack_p_key = gateway.public_key\r\n paystack_id = gateway.id\r\n })\r\n }\r\n\r\n const setEmail = (e) =>{\r\n console.log();\r\n setUserEmail(e.target.value);\r\n }\r\n\r\n // Getting the users email \r\n let member_email\r\n if(userEmail){\r\n member_email = userEmail\r\n }\r\n\r\n // Paystack configouration \r\n const config = {\r\n reference: (new Date()).getTime().toString(),\r\n email: member_email,\r\n amount: price,\r\n publicKey: paystack_p_key,\r\n };\r\n\r\n\r\n //Initialize Paystack with config\r\n const initializePayment = usePaystackPayment(config);\r\n\r\n\r\n const onSubmit = (data) => { \r\n const type= member\r\n const name= data.full_name\r\n const other_name= data.other_name\r\n const country_id=country\r\n const state_id=thestate\r\n const city_id=city\r\n const address=data.address\r\n const email=data.email_address\r\n const phone_number=data.phone_number\r\n const sex=data.gender\r\n const marital_status=data.marital_status\r\n const occupation=data.occupation\r\n const institution=data.institution\r\n const previous_mem_no = data.previous_membership_number\r\n\r\n\r\n\r\n \r\n \r\n // Run on successful Payment\r\n const onSuccess = (paymentdata) => {\r\n const transaction_reference = paymentdata.reference;\r\n const payment_gateway_id = paystack_id;\r\n let payment_status \r\n if(paymentdata.status === 'success'){\r\n payment_status = 1\r\n }else{\r\n payment_status = 2\r\n }\r\n const amount = price;\r\n\r\n const memberData = {\r\n type,\r\n name,\r\n other_name,\r\n country_id,\r\n state_id,\r\n city_id,\r\n address,\r\n email,\r\n phone_number,\r\n sex,\r\n marital_status,\r\n occupation,\r\n institution,\r\n previous_mem_no,\r\n payment_gateway_id,\r\n transaction_reference,\r\n payment_status,\r\n amount\r\n }\r\n\r\n \r\n individualmembershipAction(memberData)\r\n };\r\n \r\n const onClose = () => {\r\n console.log('closed')\r\n }\r\n\r\n if(userEmail !== undefined && paystack_p_key !== undefined){\r\n initializePayment(onSuccess, onClose)\r\n }\r\n\r\n \r\n };\r\n\r\n\r\n// const PaystackHookExample = () => {\r\n// const initializePayment = usePaystackPayment(config);\r\n// return (\r\n// <div>\r\n// <button onClick={() => {\r\n// initializePayment(onSuccess, onClose)\r\n// }}>Paystack Hooks Implementation</button>\r\n// </div>\r\n// );\r\n// };\r\n\r\n return (\r\n <>\r\n {/* <PaystackHookExample /> */}\r\n <form onSubmit={handleSubmit(onSubmit)}>\r\n <div className='shadow overflow-hidden sm:rounded-md'>\r\n <div className='px-4 py-5 bg-white sm:p-6'>\r\n <div className='grid grid-cols-6 gap-y-3 gap-x-6'>\r\n \r\n <div className='col-span-6 sm:col-span-6'>\r\n <h2 className='text-lg font-bold text-black uppercase mb-4'>\r\n General Information\r\n </h2>\r\n </div>\r\n <div className='col-span-6 sm:col-span-3'>\r\n <input\r\n type='text'\r\n name='full_name'\r\n id='full_name'\r\n {...register('full_name', { required: true })}\r\n placeholder='Full name'\r\n autoComplete='given-name'\r\n className='py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm'\r\n />\r\n {errors.full_name && (\r\n <span className='text-xs text-red-500'>\r\n This field is required\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className='col-span-6 sm:col-span-3'>\r\n <input\r\n type='text'\r\n {...register('other_name', { required: false })}\r\n placeholder='Other Name (Optional)'\r\n id='other-name'\r\n autoComplete='other-name'\r\n className='py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm'\r\n />\r\n {errors.other_name && (\r\n <span className='text-xs text-red-500'>\r\n This field is required\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className='col-span-6 sm:col-span-3'>\r\n <div className='w-full block relative'>\r\n <select\r\n id='gender'\r\n {...register('gender', { required: true })}\r\n placeholder='Gender'\r\n autoComplete='gender'\r\n className='block appearance-none w-full py-2 px-2 pr-8 border border-gray-300 bg-white leading-tight rounded-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 sm:text-sm'\r\n >\r\n <option value='MALE'>Male</option>\r\n <option value='FEMALE'>Female</option>\r\n </select>\r\n <div className='pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700'>\r\n <HiOutlineChevronDown />\r\n </div>\r\n </div>\r\n {errors.gender && (\r\n <span className='text-xs text-red-500'>\r\n This field is required\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className='col-span-6 sm:col-span-3'>\r\n <div className='w-full block relative'>\r\n <select\r\n id='marital_status'\r\n name='marital_status'\r\n {...register('marital_status', { required: true })}\r\n placeholder='Marital status'\r\n autoComplete='marital-status'\r\n className='block appearance-none w-full py-2 px-2 pr-8 border border-gray-300 bg-white leading-tight rounded-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 sm:text-sm'\r\n >\r\n <option value='Single'>Single</option>\r\n <option value='Married'>Married</option>\r\n <option value='Divorced'>Divorced</option>\r\n </select>\r\n <div className='pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700'>\r\n <HiOutlineChevronDown />\r\n </div>\r\n </div>\r\n {errors.marital_status && (\r\n <span className='text-xs text-red-500'>\r\n This field is required\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className='col-span-6 sm:col-span-3'>\r\n <input\r\n type='date'\r\n {...register('dob', { required: true })}\r\n placeholder='Company Registered Date'\r\n id='date-of-birth'\r\n autoComplete='date-of-birth'\r\n className='py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm'\r\n />\r\n {errors.dob && (\r\n <span className='text-xs text-red-500'>\r\n This field is required\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className='col-span-6 sm:col-span-3'>\r\n <input\r\n type='text'\r\n {...register('address', { required: true })}\r\n placeholder='Address'\r\n id='street_address'\r\n autoComplete='street_address'\r\n className='py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm'\r\n />\r\n {errors.address && (\r\n <span className='text-xs text-red-500'>\r\n This field is required\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className='col-span-6 sm:col-span-3'>\r\n <div className='w-full block relative'>\r\n <select\r\n id='country'\r\n {...register('country', { required: true })}\r\n placeholder='Country'\r\n autoComplete='country'\r\n value={country}\r\n className='block appearance-none w-full py-2 px-2 pr-8 border border-gray-300 bg-white leading-tight rounded-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 sm:text-sm'\r\n onChange={handleCountry}\r\n >\r\n <option>Country</option>\r\n {countries.map((country) =>(\r\n <option key={country.id} value={country.id}>{country.name}</option>\r\n ))}\r\n </select>\r\n <div className='pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700'>\r\n <HiOutlineChevronDown />\r\n </div>\r\n </div>\r\n {errors.country && (\r\n <span className='text-xs text-red-500'>\r\n This field is required\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className='col-span-6 sm:col-span-3'>\r\n <input\r\n type='number'\r\n {...register('phone_number', { required: true })}\r\n placeholder='Phone number'\r\n id='phone_number'\r\n className='py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm'\r\n />\r\n {errors.phone_number && (\r\n <span className='text-xs text-red-500'>\r\n This field is required\r\n </span>\r\n )}\r\n </div>\r\n\r\n \r\n\r\n <div className='col-span-6 sm:col-span-3'>\r\n <div className='relative'>\r\n <select\r\n id='state'\r\n {...register('state', { required: true })}\r\n placeholder='State'\r\n autoComplete='state'\r\n className='block appearance-none w-full py-2 px-2 pr-8 border border-gray-300 bg-white rounded-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 sm:text-sm'\r\n value={thestate}\r\n onChange={handleState}\r\n >\r\n <option>State</option>\r\n {states.map((thestates) =>(\r\n <option key={thestates.id} value={thestates.id}>{thestates.name}</option>\r\n ))}\r\n </select>\r\n <div className='pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700'>\r\n <HiOutlineChevronDown />\r\n </div>\r\n </div>\r\n {errors.state && (\r\n <span className='text-xs text-red-500'>\r\n This field is required\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className='col-span-6 sm:col-span-3'>\r\n <input\r\n type='text'\r\n {...register('email_address', { required: true })}\r\n placeholder='Email address'\r\n id='email_address'\r\n autoComplete='email'\r\n onChange={setEmail}\r\n className='py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm'\r\n />\r\n {errors.email_address && (\r\n <span className='text-xs text-red-500'>\r\n This field is required\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className='col-span-6 sm:col-span-3'>\r\n <div className='w-full block relative'>\r\n <select\r\n id='city'\r\n {...register('city', { required: true })}\r\n placeholder='City'\r\n autoComplete='city'\r\n value={city}\r\n className='block appearance-none w-full py-2 px-2 pr-8 border border-gray-300 bg-white leading-tight rounded-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 sm:text-sm'\r\n onChange={handleCity}\r\n >\r\n <option>City</option>\r\n {cities.map((city) =>(\r\n <option key={city.id} value={city.id}>{city.name}</option>\r\n ))}\r\n </select>\r\n <div className='pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700'>\r\n <HiOutlineChevronDown />\r\n </div>\r\n </div>\r\n {errors.country && (\r\n <span className='text-xs text-red-500'>\r\n This field is required\r\n </span>\r\n )}\r\n </div>\r\n\r\n \r\n\r\n <div className='col-span-6 sm:col-span-3'>\r\n <input\r\n type='text'\r\n {...register('occupation', { required: true })}\r\n placeholder='Occupation/Profession'\r\n id='occupation'\r\n className='py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm'\r\n />\r\n {errors.occupation && (\r\n <span className='text-xs text-red-500'>\r\n This field is required\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className='col-span-6 sm:col-span-3'>\r\n <input\r\n type='text'\r\n {...register('institution', { required: true })}\r\n placeholder='Institution'\r\n id='institution'\r\n className='py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm'\r\n />\r\n {errors.institution && (\r\n <span className='text-xs text-red-500'>\r\n This field is required\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className='col-span-6 sm:col-span-3'>\r\n <input\r\n type='text'\r\n {...register('previous_membership_number', { required: false })}\r\n placeholder='Previous membership number'\r\n id='previous_membership_number'\r\n className='py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm'\r\n />\r\n {errors.previous_membership_number && (\r\n <span className='text-xs text-red-500'>\r\n This field is required\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className='col-span-4'>\r\n <fieldset>\r\n <div className='mt-4 space-y-4'>\r\n <div className='flex items-center'>\r\n <div className='flex items-center h-5'>\r\n <input\r\n id='new-account'\r\n {...register('new_account')}\r\n type='checkbox'\r\n className='focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded'\r\n />\r\n </div>\r\n <div className='ml-3 text-sm mt-0.5'>\r\n <label\r\n htmlFor='new-account'\r\n className='font-medium text-gray-700'\r\n >\r\n Please confirm that the information provided on this\r\n form is true and accurate.\r\n </label>\r\n </div>\r\n </div>\r\n <div className='flex items-center'>\r\n <div className='flex items-center h-5'>\r\n <HiLockClosed fontSize='large' color='#666' />\r\n </div>\r\n <div className='ml-3 text-sm mt-0.5'>\r\n <label\r\n htmlFor='shipping-address'\r\n className='font-medium text-gray-700'\r\n >\r\n DATA PROTECTION: The personal information provided by\r\n you will be held on our database and will not be shared\r\n with any third party..\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </fieldset>\r\n </div>\r\n </div>\r\n\r\n <div className='flex justify-center space-x-12 px-4 py-3 bg-gray-50 text-right sm:px-6 mt-12'>\r\n <button\r\n type='submit'\r\n className='bg-green hover:bg-green-800 inline-flex justify-center py-2 px-12 border border-transparent shadow-sm text-sm font-medium rounded-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green'\r\n >\r\n Submit\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </>\r\n );\r\n}\r\n\r\nexport default IndividualForm;\r\n"],"sourceRoot":""}
Zerion Mini Shell 1.0