. ' + 'Read more: https://reactjs.org/docs/refs-and-the-dom.html#callback-refs');\n if (!previousRef) {\n // When there is no ref on the element, use the new ref directly\n return (0, _react).cloneElement(element, {\n ref: newRef\n });\n } else {\n return (0, _react).cloneElement(element, {\n ref: function ref(node) {\n setRef(previousRef, node);\n setRef(newRef, node);\n }\n });\n }\n}","\"use strict\";\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.isRef = isRef;\nfunction isRef(obj) {\n return (\n // eslint-disable-next-line no-prototype-builtins\n obj !== null && _typeof(obj) === 'object' && Object.prototype.hasOwnProperty.call(obj, 'current')\n );\n}","\"use strict\";\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.shallowEqual = shallowEqual;\nfunction shallowEqual(objA, objB, compare, compareContext) {\n var compareResult = compare ? compare.call(compareContext, objA, objB) : void 0;\n if (compareResult !== void 0) {\n return !!compareResult;\n }\n if (objA === objB) {\n return true;\n }\n if (_typeof(objA) !== 'object' || !objA || _typeof(objB) !== 'object' || !objB) {\n return false;\n }\n var keysA = Object.keys(objA);\n var keysB = Object.keys(objB);\n if (keysA.length !== keysB.length) {\n return false;\n }\n var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);\n // Test for A's keys different from B.\n for (var idx = 0; idx < keysA.length; idx++) {\n var key = keysA[idx];\n if (!bHasOwnProperty(key)) {\n return false;\n }\n var valueA = objA[key];\n var valueB = objB[key];\n compareResult = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;\n if (compareResult === false || compareResult === void 0 && valueA !== valueB) {\n return false;\n }\n }\n return true;\n}","\"use strict\";\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.useOptionalFactory = useOptionalFactory;\nvar _react = require(\"react\");\nfunction useOptionalFactory(arg, deps) {\n var memoDeps = _toConsumableArray(deps || []);\n if (deps == null && typeof arg !== 'function') {\n memoDeps.push(arg);\n }\n return (0, _react).useMemo(function () {\n return typeof arg === 'function' ? arg() : arg;\n }, memoDeps);\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.useCollectedProps = useCollectedProps;\nvar _useMonitorOutputJs = require(\"./useMonitorOutput.js\");\nfunction useCollectedProps(collector, monitor, connector) {\n return (0, _useMonitorOutputJs).useMonitorOutput(monitor, collector || function () {\n return {};\n }, function () {\n return connector.reconnect();\n });\n}","\"use strict\";\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : \"undefined\" != typeof Symbol && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.useCollector = useCollector;\nvar _fastDeepEqual = _interopRequireDefault(require(\"fast-deep-equal\"));\nvar _react = require(\"react\");\nvar _useIsomorphicLayoutEffectJs = require(\"./useIsomorphicLayoutEffect.js\");\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\nfunction useCollector(monitor, collect, onUpdate) {\n var _useState = (0, _react).useState(function () {\n return collect(monitor);\n }),\n _useState2 = _slicedToArray(_useState, 2),\n collected = _useState2[0],\n setCollected = _useState2[1];\n var updateCollected = (0, _react).useCallback(function () {\n var nextValue = collect(monitor);\n // This needs to be a deep-equality check because some monitor-collected values\n // include XYCoord objects that may be equivalent, but do not have instance equality.\n if (!(0, _fastDeepEqual).default(collected, nextValue)) {\n setCollected(nextValue);\n if (onUpdate) {\n onUpdate();\n }\n }\n }, [collected, monitor, onUpdate]);\n // update the collected properties after react renders.\n // Note that the \"Dustbin Stress Test\" fails if this is not\n // done when the component updates\n (0, _useIsomorphicLayoutEffectJs).useIsomorphicLayoutEffect(updateCollected);\n return [collected, updateCollected];\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.memoize = memoize;\nexports.without = without;\nexports.union = union;\nfunction memoize(fn) {\n var result = null;\n var memoized = function memoized() {\n if (result == null) {\n result = fn();\n }\n return result;\n };\n return memoized;\n}\nfunction without(items, item) {\n return items.filter(function (i) {\n return i !== item;\n });\n}\nfunction union(itemsA, itemsB) {\n var set = new Set();\n var insertItem = function insertItem(item) {\n return set.add(item);\n };\n itemsA.forEach(insertItem);\n itemsB.forEach(insertItem);\n var result = [];\n set.forEach(function (key) {\n return result.push(key);\n });\n return result;\n}","import FormSettings from './FormSettings/Index';\n\nexport default FormSettings;\n","import React, { useState } from 'react';\nimport FormInput from './FormInput';\nimport NestedDueLevelsFields from './NestedDueLevelsFields';\n\nconst FundTypePicker = (props) => {\n const [fundType, setFundType] = useState(props.model.fund_type);\n\n return (\n <>\n
\n {fundType === 'dues' ? (\n
\n ) : (\n ''\n )}\n \n );\n};\nexport default FundTypePicker;\n","import React, { useState } from 'react';\n\nconst FlashNotice = (props) => {\n const { stringToCopy, buttonText, label } = props;\n\n const handleClick = () => {\n navigator.clipboard.writeText(stringToCopy);\n };\n\n return (\n <>\n
\n
\n
\n \n
\n
handleClick()}\n className=\"-ml-px relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm leading-5 font-medium rounded-r-md text-gray-800 bg-yellow-800 hover:bg-yellow-300 focus:outline-none focus:ring-blue focus:border-blue-300 active:bg-gray-100 transition ease-in-out duration-150\"\n >\n {buttonText ? buttonText : 'copy'}\n \n \n {label ? (\n
\n ) : (\n ''\n )}\n
\n \n );\n};\n\nexport default FlashNotice;\n","'use strict';\nvar $ = require('../internals/export');\nvar call = require('../internals/function-call');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar isObject = require('../internals/is-object');\nvar getBuiltIn = require('../internals/get-built-in');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\nvar closeAsyncIteration = require('../internals/async-iterator-close');\n\nvar Promise = getBuiltIn('Promise');\nvar $TypeError = TypeError;\n\n// `AsyncIterator.prototype.reduce` method\n// https://github.com/tc39/proposal-async-iterator-helpers\n$({ target: 'AsyncIterator', proto: true, real: true }, {\n reduce: function reduce(reducer /* , initialValue */) {\n anObject(this);\n aCallable(reducer);\n var record = getIteratorDirect(this);\n var iterator = record.iterator;\n var next = record.next;\n var noInitial = arguments.length < 2;\n var accumulator = noInitial ? undefined : arguments[1];\n var counter = 0;\n\n return new Promise(function (resolve, reject) {\n var ifAbruptCloseAsyncIterator = function (error) {\n closeAsyncIteration(iterator, reject, error, reject);\n };\n\n var loop = function () {\n try {\n Promise.resolve(anObject(call(next, iterator))).then(function (step) {\n try {\n if (anObject(step).done) {\n noInitial ? reject(new $TypeError('Reduce of empty iterator with no initial value')) : resolve(accumulator);\n } else {\n var value = step.value;\n if (noInitial) {\n noInitial = false;\n accumulator = value;\n loop();\n } else try {\n var result = reducer(accumulator, value, counter);\n\n var handler = function ($result) {\n accumulator = $result;\n loop();\n };\n\n if (isObject(result)) Promise.resolve(result).then(handler, ifAbruptCloseAsyncIterator);\n else handler(result);\n } catch (error3) { ifAbruptCloseAsyncIterator(error3); }\n }\n counter++;\n } catch (error2) { reject(error2); }\n }, reject);\n } catch (error) { reject(error); }\n };\n\n loop();\n });\n }\n});\n","'use strict';\nvar $ = require('../internals/export');\nvar iterate = require('../internals/iterate');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\n\nvar $TypeError = TypeError;\n\n// `Iterator.prototype.reduce` method\n// https://github.com/tc39/proposal-iterator-helpers\n$({ target: 'Iterator', proto: true, real: true }, {\n reduce: function reduce(reducer /* , initialValue */) {\n anObject(this);\n aCallable(reducer);\n var record = getIteratorDirect(this);\n var noInitial = arguments.length < 2;\n var accumulator = noInitial ? undefined : arguments[1];\n var counter = 0;\n iterate(record, function (value) {\n if (noInitial) {\n noInitial = false;\n accumulator = value;\n } else {\n accumulator = reducer(accumulator, value, counter);\n }\n counter++;\n }, { IS_RECORD: true });\n if (noInitial) throw new $TypeError('Reduce of empty iterator with no initial value');\n return accumulator;\n }\n});\n","import React, { useState } from 'react';\nimport { CardElement } from '@stripe/react-stripe-js';\nimport { useForm } from './provider';\n\nconst CARD_OPTIONS = {\n hidePostalCode: false,\n iconStyle: 'solid',\n style: {\n base: {\n color: '#303238',\n fontSize: '16px',\n fontFamily: '\"Rubik\", sans-serif',\n fontSmoothing: 'antialiased',\n '::placeholder': {\n color: '#6B6B6B',\n },\n },\n invalid: {\n color: '#e5424d',\n ':focus': {\n color: '#303238',\n },\n },\n },\n};\n\nexport const PaymentMethodSection = () => {\n const {\n setPaymentMethod,\n state: { paymentMethods, paymentMethod },\n } = useForm();\n\n const [errorClass, setErrorClass] = useState('');\n\n const handleNewMethod = () => {\n setPaymentMethod({ id: null });\n };\n\n const useCard = () => {\n setPaymentMethod({ id: paymentMethods[0].id });\n };\n\n const handleChange = (event) => {\n const { error } = event;\n\n if (!!error) {\n setErrorClass('border-red-600');\n } else {\n setErrorClass('');\n }\n };\n\n if (paymentMethods && paymentMethod) {\n return (\n <>\n
\n
\n\n {paymentMethods.map((p, i) => {\n return
;\n })}\n
\n {' '}\n or{' '}\n \n {' '}\n use new card{' '}\n \n
\n
\n \n );\n }\n\n return (\n <>\n
\n
\n
\n \n
\n
\n \n );\n};\n\nconst PaymentMethodCard = ({ method }) => {\n const {\n setPaymentMethod,\n state: { paymentMethod },\n } = useForm();\n\n const handleClick = () => {\n setPaymentMethod(method);\n };\n const active = paymentMethod === method.id;\n\n return (\n <>\n
\n \n
\n {!active || }\n
\n\n
{method.card.brand}
\n
**** **** **** {method.card.last4}
\n
\n {method.card.exp_month} / {method.card.exp_year}\n
\n