paymob-pixel-alpha 1.0.6 → 1.0.8

package/main.js

@@ -6501,1039 +6501,911 @@ axios_axios.default = axios_axios;
 // this module should only have a default export
 /* harmony default export */ const lib_axios = (axios_axios);
 
-// EXTERNAL MODULE: ../../node_modules/void-elements/index.js
-var void_elements = __webpack_require__(9002);
-var void_elements_default = /*#__PURE__*/__webpack_require__.n(void_elements);
-;// CONCATENATED MODULE: ../../node_modules/html-parse-stringify/dist/html-parse-stringify.module.js
-var t=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;function n(n){var r={type:"tag",name:"",voidElement:!1,attrs:{},children:[]},i=n.match(/<\/?([^\s]+?)[/\s>]/);if(i&&(r.name=i[1],((void_elements_default())[i[1]]||"/"===n.charAt(n.length-2))&&(r.voidElement=!0),r.name.startsWith("!--"))){var s=n.indexOf("--\x3e");return{type:"comment",comment:-1!==s?n.slice(4,s):""}}for(var a=new RegExp(t),c=null;null!==(c=a.exec(n));)if(c[0].trim())if(c[1]){var o=c[1].trim(),l=[o,""];o.indexOf("=")>-1&&(l=o.split("=")),r.attrs[l[0]]=l[1],a.lastIndex--}else c[2]&&(r.attrs[c[2]]=c[3].trim().substring(1,c[3].length-1));return r}var r=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,i=/^\s*$/,s=Object.create(null);function a(e,t){switch(t.type){case"text":return e+t.content;case"tag":return e+="<"+t.name+(t.attrs?function(e){var t=[];for(var n in e)t.push(n+'="'+e[n]+'"');return t.length?" "+t.join(" "):""}(t.attrs):"")+(t.voidElement?"/>":">"),t.voidElement?e:e+t.children.reduce(a,"")+"</"+t.name+">";case"comment":return e+"\x3c!--"+t.comment+"--\x3e"}}var c={parse:function(e,t){t||(t={}),t.components||(t.components=s);var a,c=[],o=[],l=-1,m=!1;if(0!==e.indexOf("<")){var u=e.indexOf("<");c.push({type:"text",content:-1===u?e:e.substring(0,u)})}return e.replace(r,function(r,s){if(m){if(r!=="</"+a.name+">")return;m=!1}var u,f="/"!==r.charAt(1),h=r.startsWith("\x3c!--"),p=s+r.length,d=e.charAt(p);if(h){var v=n(r);return l<0?(c.push(v),c):((u=o[l]).children.push(v),c)}if(f&&(l++,"tag"===(a=n(r)).type&&t.components[a.name]&&(a.type="component",m=!0),a.voidElement||m||!d||"<"===d||a.children.push({type:"text",content:e.slice(p,e.indexOf("<",p))}),0===l&&c.push(a),(u=o[l-1])&&u.children.push(a),o[l]=a),(!f||a.voidElement)&&(l>-1&&(a.voidElement||a.name===r.slice(2,-1))&&(l--,a=-1===l?c:o[l]),!m&&"<"!==d&&d)){u=-1===l?c:o[l].children;var x=e.indexOf("<",p),g=e.slice(p,-1===x?void 0:x);i.test(g)&&(g=" "),(x>-1&&l+u.length>=0||" "!==g)&&u.push({type:"text",content:g})}}),c},stringify:function(e){return e.reduce(function(e,t){return e+a("",t)},"")}};/* harmony default export */ const html_parse_stringify_module = ((/* unused pure expression or super */ null && (c)));
-//# sourceMappingURL=html-parse-stringify.module.js.map
+;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Input/input.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const input_module = ({"container":"input_container__jJNTc","input-container":"input_input-container__VJgnA","input-container-new":"input_input-container-new__nDtFv","input-container-new-reverse":"input_input-container-new-reverse__vtQte","input-filled":"input_input-filled__XXPf+","downpayment-filled":"input_downpayment-filled__-DUjp","input-container-reverse":"input_input-container-reverse__8jy-R"});
+// EXTERNAL MODULE: ../../node_modules/react/jsx-runtime.js
+var jsx_runtime = __webpack_require__(1085);
+;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Input/index.tsx
 
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/utils.js
-function utils_warn() {
-  if (console && console.warn) {
-    var _console;
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+function Input_Input(props) {
+  const {
+    name,
+    placeholder,
+    label,
+    onChange,
+    onFocus,
+    onBlur,
+    value,
+    maxLength,
+    className,
+    newDesign,
+    type,
+    error,
+    logoOnRight,
+    inputMode,
+    autoFocus,
+    disabled,
+    customStyle
+  } = props;
+  const handleChange = e => {
+    const regexIsNumber = /^\d+$/;
+    const isInputEmpty = e.target.value === '';
+    if (type === 'tel' && !isInputEmpty && !regexIsNumber.test(e.target.value)) {
+      return;
+    } else {
+      onChange && onChange(e);
     }
-
-    if (typeof args[0] === 'string') args[0] = "react-i18next:: ".concat(args[0]);
-
-    (_console = console).warn.apply(_console, args);
-  }
+  };
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    className: input_module['container'],
+    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      className: [input_module['input-container'], className, newDesign ? input_module['input-container-new'] : '', logoOnRight ? input_module['input-container-reverse'] : '', value && newDesign ? input_module['input-container-reverse'] : ''].join(' '),
+      style: customStyle,
+      children: [label && /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
+        className: value ? input_module['input-filled'] : '',
+        htmlFor: name,
+        children: label
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("input", {
+        id: name,
+        name: name,
+        type: type,
+        onChange: handleChange,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        placeholder: placeholder ? placeholder : '',
+        maxLength: maxLength,
+        value: value,
+        autoComplete: "off",
+        inputMode: inputMode,
+        autoFocus: autoFocus,
+        disabled: disabled
+      })]
+    }), error && /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
+      children: error
+    })]
+  });
 }
-var alreadyWarned = {};
-function utils_warnOnce() {
-  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
+;// CONCATENATED MODULE: ../../libs/kit-components/src/assets/icons/error.png
+const error_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAADsOAAA7DgHMtqGDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAABxJJREFUaIHlmm2MVGcVx3/nuXd2+7bLDLNLeAmJtPJiTVvKLAViWRkWu43GSFILES3Eag2tEtGKSY2f1KhIQ6NRDFRtI5EgNPUlakCWLq2NAruzQIkFLClqRCz7DrsiO/fe44cd4M4zM7szdxck8f9t/ufc8zL3uc895zlXVJWxIlPfOAXfTSNmAcpsRO9EqQPuABQYROlE5IyKnjDIQXfIab334t7zY/UtURPI1KbrcGQVRlajpCKYUOCwINtjweUd9/T9oTdKHBUn0JZsnm7U2wB8CrgtitMiGEDZGsSCZ+efb/1XJReWnUBGGmLE408h+g2Gl8b1wL9V2HRbT/Kbd+uuoXIuKCuBTF16DoHZBdwziqoPnBSVk4ieUxgEELg9EKaKMgeYDTgjGVGRdnxZ2dC37+0xJ9CeXPZRUX2B0v/6oMDLwO6sVL+6oPt3F0aydzSRjvs4SxBdASwHbi2h2g/68VTPK7+NnEBmYtOTwPcBU0TcBboZnC2pnn39IzkphT9NeHhitcmuU+HzQKKIiifKE/N6979YykbJBHLBbykiUkG3xYLsM1F3DhtHahrrgyp3EyprivpTHi+VRNEE2pNLHxGVn1O4VrtB14x2W6Mi5/fHwARL5IEuL+a3IIGjEx6a6Tt+BqixdP/qO9L8QGfLX8Y1agsddR94jwb+XpDplqhPA5OyH+y8tf2mrKjyHX83BcHrGdfw4PUOHmBe174TRmUx8A9LFDcS7DwgaTdM5iVwKdH9ReA+68Jux3eb7+vaf3b8wy2O+3v3/y0QfRjI2xxUmF8bN58Lc1eX0LG6pmlewCng9vA1oB+OsuYziWVrEL4FGijypYaelp2V2sht4bst+oIXk1kL3ml5B0J3wFM2WMEj6LYowbdNSk9G9HnQKcA0QV98o6Z5UqV2GrpbXgL5qUXXOlmevvLDQK4wU56wFLsu+1VfqdQpgJs1s4BYiKr2XW9OFFuxrLMB6Atzgq49Hl+cgCt3wJFVWIWZIM8t6t/TE8Wpjyl48RXjysG9F/eeR/R7Fl0zZKpWQi4BNeYxS2FQkR9EcXg9MORVfRe4FOYUVgOYTH3jFFHNq+cFXo5aHlwPLOrf06Por8OcwMIjNY31Rv3YkuHfebCf/P85jLLLoiSoii0xIrLQEniKee1GBVYuYpptZbhcvwoJWGRQZlu6J2+m5XMFucIxrxJQYbYBnRkmReXUDY2sMuTHJsw0QDzMqeg/b2RElUDRsxaRMFidlqIXb2RQlUAwdrdXE+nlcjPBAANhQhC7D7hpoAS1FnXRYNcZKlPH6sioX2wZjnlnE7FiE3oNcDrMqai9rVYM7b/wBnA8RHUM9HnHS+mXbzh/yxfltMHemmDOoeQH7VtVEVLanvWk+kFF1orwmVvd4P1LtNUbi82jiXQc8hMIhFMu6EGQdSHejelQI/CbsTjMnQ9tHYuNMHycJaB5hwwGOWhwvFZbWUUfGS/H4wbRRy1Gsy4HRFXJTGzKAPNCwoH/OJenvq/z9cjvhDdlRdWlZNf9iuhAd9AxliV0NJGO+2LOkt+zHEr17F9oAETZbl1zR7V/y5NRHWbiTXddSnQfI5CDEnCoJuG0tU1KT45qzx9e4nbDtR1yDY3ruTuwGgYRfTr34FQOwxYg1ELqXOM5G6OYOly7LInIeose9Dx2DrtiuG1T9Cd5KsqkQMzXozgFFhUwooVcGXCcYCMwMd8U2x640NINoVMJwfkOhW3bU5lk00OVOlUpUtFqwXY9KtoTSz+CyOMWPaBudtOVH1cTSPXs+zsq37aUDbD9cLx5RiWOReULQLjw6laCZyqx0V6/dLaIvIDVLQr6tVTna+eu+QqdjR6Ykb6lpt9kgLvzI+Itz5XFVw6TysGxuqZpvuqHQNQdcn9VyUAvd8j2OvAuS3SE3v4FKW3PFk0AoC259L1G5TCF86+3xQ+a5/W3nuY6IhNvugvDHuDdlmgAE8xPdbWeDJMF5fT87lf+rPBpILBEd6pj/tiRXNo8viFfQyaxbDmGNgqD91F5zA4eRhhwdCSa1qvwXBFRoOgPXdWvzu1t7SsirxiZ2nSdOM5GFf0khSckKLK2oaelaFky4ogpl8TmYkaBTmCzJ9VbRpuLlcLx+OLEkFSvQ3Q9xUdMviKfLRU8lDPkm9j0MYEfUXomPCDwi0D1JRHn1dFONI4m0vEAk1bhUUYe8l1EZXWqt+WXI9kra8yae7B3Ye9OhfCBkyqcQvWcILluT2oQncLwmHUWo4xZgSOO76yc2//7t0aL7f9j0B1GW7J5uqPel3X4U4NSt79SDKK6Fdd7NvySKgeRP/Y4UtNYH7hVq9TwCVFtiGBCQQ4p+rOsH9sR9Sg/cgJhtE1KTxbPpEVYgMocVGcg1HNt4jMAdCp6xqicwOhBdyh2YDw+t/kvOZjs8Q9V7ZMAAAAASUVORK5CYII=";
+;// CONCATENATED MODULE: ../../libs/kit-components/src/constants/borderStyle.ts
+const borderStyle_borderStyleConstants = {
+  ROUNDED: 'ROUNDED',
+  RECTANGULAR: 'RECTANGULAR'
+};
+// EXTERNAL MODULE: ../../node_modules/use-sync-external-store/shim/index.js
+var shim = __webpack_require__(8139);
+// EXTERNAL MODULE: ../../node_modules/use-sync-external-store/shim/with-selector.js
+var with_selector = __webpack_require__(7121);
+// EXTERNAL MODULE: ../../node_modules/react-dom/index.js
+var react_dom = __webpack_require__(3144);
+;// CONCATENATED MODULE: ../../node_modules/react-redux/es/utils/reactBatchedUpdates.js
 
-  if (typeof args[0] === 'string' && alreadyWarned[args[0]]) return;
-  if (typeof args[0] === 'string') alreadyWarned[args[0]] = new Date();
-  utils_warn.apply(void 0, args);
+;// CONCATENATED MODULE: ../../node_modules/react-redux/es/utils/batch.js
+// Default to a dummy "batch" implementation that just runs the callback
+function defaultNoopBatch(callback) {
+  callback();
 }
 
-var loadedClb = function loadedClb(i18n, cb) {
-  return function () {
-    if (i18n.isInitialized) {
-      cb();
-    } else {
-      var initialized = function initialized() {
-        setTimeout(function () {
-          i18n.off('initialized', initialized);
-        }, 0);
-        cb();
-      };
+let batch = (/* unused pure expression or super */ null && (defaultNoopBatch)); // Allow injecting another batching function later
 
-      i18n.on('initialized', initialized);
-    }
-  };
-};
+const setBatch = newBatch => batch = newBatch; // Supply a getter just to skip dealing with ESM bindings
 
-function loadNamespaces(i18n, ns, cb) {
-  i18n.loadNamespaces(ns, loadedClb(i18n, cb));
-}
-function loadLanguages(i18n, lng, ns, cb) {
-  if (typeof ns === 'string') ns = [ns];
-  ns.forEach(function (n) {
-    if (i18n.options.ns.indexOf(n) < 0) i18n.options.ns.push(n);
-  });
-  i18n.loadLanguages(lng, loadedClb(i18n, cb));
-}
+const batch_getBatch = () => batch;
+;// CONCATENATED MODULE: ../../node_modules/react-redux/es/components/Context.js
 
-function oldI18nextHasLoadedNamespace(ns, i18n) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var lng = i18n.languages[0];
-  var fallbackLng = i18n.options ? i18n.options.fallbackLng : false;
-  var lastLng = i18n.languages[i18n.languages.length - 1];
-  if (lng.toLowerCase() === 'cimode') return true;
+const Context_ReactReduxContext = /*#__PURE__*/(0,react.createContext)(null);
 
-  var loadNotPending = function loadNotPending(l, n) {
-    var loadState = i18n.services.backendConnector.state["".concat(l, "|").concat(n)];
-    return loadState === -1 || loadState === 2;
-  };
+if (false) {}
 
-  if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18n.services.backendConnector.backend && i18n.isLanguageChangingTo && !loadNotPending(i18n.isLanguageChangingTo, ns)) return false;
-  if (i18n.hasResourceBundle(lng, ns)) return true;
-  if (!i18n.services.backendConnector.backend || i18n.options.resources && !i18n.options.partialBundledLanguages) return true;
-  if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
-  return false;
-}
+/* harmony default export */ const Context = ((/* unused pure expression or super */ null && (Context_ReactReduxContext)));
+;// CONCATENATED MODULE: ../../node_modules/react-redux/es/hooks/useReduxContext.js
 
-function hasLoadedNamespace(ns, i18n) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
 
-  if (!i18n.languages || !i18n.languages.length) {
-    utils_warnOnce('i18n.languages were undefined or empty', i18n.languages);
-    return true;
-  }
 
-  var isNewerI18next = i18n.options.ignoreJSONStructure !== undefined;
+/**
+ * A hook to access the value of the `ReactReduxContext`. This is a low-level
+ * hook that you should usually not need to call directly.
+ *
+ * @returns {any} the value of the `ReactReduxContext`
+ *
+ * @example
+ *
+ * import React from 'react'
+ * import { useReduxContext } from 'react-redux'
+ *
+ * export const CounterComponent = () => {
+ *   const { store } = useReduxContext()
+ *   return <div>{store.getState()}</div>
+ * }
+ */
+function useReduxContext_useReduxContext() {
+  const contextValue = (0,react.useContext)(Context_ReactReduxContext);
 
-  if (!isNewerI18next) {
-    return oldI18nextHasLoadedNamespace(ns, i18n, options);
-  }
+  if (false) {}
 
-  return i18n.hasLoadedNamespace(ns, {
-    lng: options.lng,
-    precheck: function precheck(i18nInstance, loadNotPending) {
-      if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18nInstance.services.backendConnector.backend && i18nInstance.isLanguageChangingTo && !loadNotPending(i18nInstance.isLanguageChangingTo, ns)) return false;
-    }
-  });
-}
-function utils_getDisplayName(Component) {
-  return Component.displayName || Component.name || (typeof Component === 'string' && Component.length > 0 ? Component : 'Unknown');
+  return contextValue;
 }
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function typeof_typeof(o) {
-  "@babel/helpers - typeof";
+;// CONCATENATED MODULE: ../../node_modules/react-redux/es/utils/useSyncExternalStore.js
+const useSyncExternalStore_notInitialized = () => {
+  throw new Error('uSES not initialized!');
+};
+;// CONCATENATED MODULE: ../../node_modules/react-redux/es/hooks/useSelector.js
 
-  return typeof_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, typeof_typeof(o);
-}
 
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
-function toPrimitive(t, r) {
-  if ("object" != typeof_typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof_typeof(i)) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
 
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+let useSyncExternalStoreWithSelector = useSyncExternalStore_notInitialized;
+const initializeUseSelector = fn => {
+  useSyncExternalStoreWithSelector = fn;
+};
 
+const refEquality = (a, b) => a === b;
+/**
+ * Hook factory, which creates a `useSelector` hook bound to a given context.
+ *
+ * @param {React.Context} [context=ReactReduxContext] Context passed to your `<Provider>`.
+ * @returns {Function} A `useSelector` hook bound to the specified context.
+ */
 
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == typeof_typeof(i) ? i : i + "";
-}
 
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+function createSelectorHook(context = Context_ReactReduxContext) {
+  const useReduxContext = context === Context_ReactReduxContext ? useReduxContext_useReduxContext : () => (0,react.useContext)(context);
+  return function useSelector(selector, equalityFn = refEquality) {
+    if (false) {}
 
-function defineProperty_defineProperty(e, r, t) {
-  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
+    const {
+      store,
+      subscription,
+      getServerState
+    } = useReduxContext();
+    const selectedState = useSyncExternalStoreWithSelector(subscription.addNestedSub, store.getState, getServerState || store.getState, selector, equalityFn);
+    (0,react.useDebugValue)(selectedState);
+    return selectedState;
+  };
 }
+/**
+ * A hook to access the redux store's state. This hook takes a selector function
+ * as an argument. The selector is called with the store state.
+ *
+ * This hook takes an optional equality comparison function as the second parameter
+ * that allows you to customize the way the selected state is compared to determine
+ * whether the component needs to be re-rendered.
+ *
+ * @param {Function} selector the selector function
+ * @param {Function=} equalityFn the function that will be used to determine equality
+ *
+ * @returns {any} the selected state
+ *
+ * @example
+ *
+ * import React from 'react'
+ * import { useSelector } from 'react-redux'
+ *
+ * export const CounterComponent = () => {
+ *   const counter = useSelector(state => state.counter)
+ *   return <div>{counter}</div>
+ * }
+ */
 
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/unescape.js
-var matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
-var htmlEntities = {
-  '&amp;': '&',
-  '&#38;': '&',
-  '&lt;': '<',
-  '&#60;': '<',
-  '&gt;': '>',
-  '&#62;': '>',
-  '&apos;': "'",
-  '&#39;': "'",
-  '&quot;': '"',
-  '&#34;': '"',
-  '&nbsp;': ' ',
-  '&#160;': ' ',
-  '&copy;': '©',
-  '&#169;': '©',
-  '&reg;': '®',
-  '&#174;': '®',
-  '&hellip;': '…',
-  '&#8230;': '…',
-  '&#x2F;': '/',
-  '&#47;': '/'
-};
-
-var unescapeHtmlEntity = function unescapeHtmlEntity(m) {
-  return htmlEntities[m];
-};
+const useSelector_useSelector = /*#__PURE__*/createSelectorHook();
+// EXTERNAL MODULE: ../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
+var hoist_non_react_statics_cjs = __webpack_require__(5985);
+// EXTERNAL MODULE: ../../node_modules/react-redux/node_modules/react-is/index.js
+var react_is = __webpack_require__(1524);
+;// CONCATENATED MODULE: ../../node_modules/react-redux/es/utils/Subscription.js
+ // encapsulates the subscription logic for connecting a component to the redux store, as
+// well as nesting subscriptions of descendant components, so that we can ensure the
+// ancestor components re-render before descendants
 
-var unescape_unescape = function unescape(text) {
-  return text.replace(matchHtmlEntity, unescapeHtmlEntity);
-};
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/defaults.js
+function createListenerCollection() {
+  const batch = getBatch();
+  let first = null;
+  let last = null;
+  return {
+    clear() {
+      first = null;
+      last = null;
+    },
 
+    notify() {
+      batch(() => {
+        let listener = first;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+        while (listener) {
+          listener.callback();
+          listener = listener.next;
+        }
+      });
+    },
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+    get() {
+      let listeners = [];
+      let listener = first;
 
+      while (listener) {
+        listeners.push(listener);
+        listener = listener.next;
+      }
 
-var defaultOptions = {
-  bindI18n: 'languageChanged',
-  bindI18nStore: '',
-  transEmptyNodeValue: '',
-  transSupportBasicHtmlNodes: true,
-  transWrapTextNodes: '',
-  transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],
-  useSuspense: true,
-  unescape: unescape_unescape
-};
-function setDefaults() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  defaultOptions = _objectSpread(_objectSpread({}, defaultOptions), options);
-}
-function defaults_getDefaults() {
-  return defaultOptions;
-}
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/TransWithoutContext.js
+      return listeners;
+    },
 
+    subscribe(callback) {
+      let isSubscribed = true;
+      let listener = last = {
+        callback,
+        next: null,
+        prev: last
+      };
 
+      if (listener.prev) {
+        listener.prev.next = listener;
+      } else {
+        first = listener;
+      }
 
-var _excluded = (/* unused pure expression or super */ null && (["format"])),
-    _excluded2 = (/* unused pure expression or super */ null && (["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"]));
+      return function unsubscribe() {
+        if (!isSubscribed || first === null) return;
+        isSubscribed = false;
 
-function TransWithoutContext_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+        if (listener.next) {
+          listener.next.prev = listener.prev;
+        } else {
+          last = listener.prev;
+        }
 
-function TransWithoutContext_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { TransWithoutContext_ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { TransWithoutContext_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+        if (listener.prev) {
+          listener.prev.next = listener.next;
+        } else {
+          first = listener.next;
+        }
+      };
+    }
 
+  };
+}
 
+const nullListeners = {
+  notify() {},
 
+  get: () => []
+};
+function Subscription_createSubscription(store, parentSub) {
+  let unsubscribe;
+  let listeners = nullListeners;
 
+  function addNestedSub(listener) {
+    trySubscribe();
+    return listeners.subscribe(listener);
+  }
 
+  function notifyNestedSubs() {
+    listeners.notify();
+  }
 
+  function handleChangeWrapper() {
+    if (subscription.onStateChange) {
+      subscription.onStateChange();
+    }
+  }
 
-function hasChildren(node, checkLength) {
-  if (!node) return false;
-  var base = node.props ? node.props.children : node.children;
-  if (checkLength) return base.length > 0;
-  return !!base;
-}
+  function isSubscribed() {
+    return Boolean(unsubscribe);
+  }
 
-function getChildren(node) {
-  if (!node) return [];
-  return node.props ? node.props.children : node.children;
-}
+  function trySubscribe() {
+    if (!unsubscribe) {
+      unsubscribe = parentSub ? parentSub.addNestedSub(handleChangeWrapper) : store.subscribe(handleChangeWrapper);
+      listeners = createListenerCollection();
+    }
+  }
 
-function hasValidReactChildren(children) {
-  if (Object.prototype.toString.call(children) !== '[object Array]') return false;
-  return children.every(function (child) {
-    return isValidElement(child);
-  });
-}
+  function tryUnsubscribe() {
+    if (unsubscribe) {
+      unsubscribe();
+      unsubscribe = undefined;
+      listeners.clear();
+      listeners = nullListeners;
+    }
+  }
 
-function getAsArray(data) {
-  return Array.isArray(data) ? data : [data];
+  const subscription = {
+    addNestedSub,
+    notifyNestedSubs,
+    handleChangeWrapper,
+    isSubscribed,
+    trySubscribe,
+    tryUnsubscribe,
+    getListeners: () => listeners
+  };
+  return subscription;
 }
+;// CONCATENATED MODULE: ../../node_modules/react-redux/es/utils/useIsomorphicLayoutEffect.js
+ // React currently throws a warning when using useLayoutEffect on the server.
+// To get around it, we can conditionally useEffect on the server (no-op) and
+// useLayoutEffect in the browser. We need useLayoutEffect to ensure the store
+// subscription callback always has the selector from the latest render commit
+// available, otherwise a store update may happen between render and the effect,
+// which may cause missed updates; we also must ensure the store subscription
+// is created synchronously, otherwise a store update may occur before the
+// subscription is created and an inconsistent state may be observed
+// Matches logic in React's `shared/ExecutionEnvironment` file
 
-function mergeProps(source, target) {
-  var newTarget = TransWithoutContext_objectSpread({}, target);
+const canUseDOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
+const useIsomorphicLayoutEffect_useIsomorphicLayoutEffect = (/* unused pure expression or super */ null && (canUseDOM ? useLayoutEffect : useEffect));
+;// CONCATENATED MODULE: ../../node_modules/react-redux/es/components/connect.js
 
-  newTarget.props = Object.assign(source.props, target.props);
-  return newTarget;
-}
 
-function nodesToString(children, i18nOptions) {
-  if (!children) return '';
-  var stringNode = '';
-  var childrenArray = getAsArray(children);
-  var keepArray = i18nOptions.transSupportBasicHtmlNodes && i18nOptions.transKeepBasicHtmlNodesFor ? i18nOptions.transKeepBasicHtmlNodesFor : [];
-  childrenArray.forEach(function (child, childIndex) {
-    if (typeof child === 'string') {
-      stringNode += "".concat(child);
-    } else if (isValidElement(child)) {
-      var childPropsCount = Object.keys(child.props).length;
-      var shouldKeepChild = keepArray.indexOf(child.type) > -1;
-      var childChildren = child.props.children;
+const _excluded = (/* unused pure expression or super */ null && (["reactReduxForwardedRef"]));
 
-      if (!childChildren && shouldKeepChild && childPropsCount === 0) {
-        stringNode += "<".concat(child.type, "/>");
-      } else if (!childChildren && (!shouldKeepChild || childPropsCount !== 0)) {
-        stringNode += "<".concat(childIndex, "></").concat(childIndex, ">");
-      } else if (child.props.i18nIsDynamicList) {
-        stringNode += "<".concat(childIndex, "></").concat(childIndex, ">");
-      } else if (shouldKeepChild && childPropsCount === 1 && typeof childChildren === 'string') {
-        stringNode += "<".concat(child.type, ">").concat(childChildren, "</").concat(child.type, ">");
-      } else {
-        var content = nodesToString(childChildren, i18nOptions);
-        stringNode += "<".concat(childIndex, ">").concat(content, "</").concat(childIndex, ">");
-      }
-    } else if (child === null) {
-      warn("Trans: the passed in value is invalid - seems you passed in a null child.");
-    } else if (_typeof(child) === 'object') {
-      var format = child.format,
-          clone = _objectWithoutProperties(child, _excluded);
+/* eslint-disable valid-jsdoc, @typescript-eslint/no-unused-vars */
 
-      var keys = Object.keys(clone);
 
-      if (keys.length === 1) {
-        var value = format ? "".concat(keys[0], ", ").concat(format) : keys[0];
-        stringNode += "{{".concat(value, "}}");
-      } else {
-        warn("react-i18next: the passed in object contained more than one variable - the object should look like {{ value, format }} where format is optional.", child);
-      }
-    } else {
-      warn("Trans: the passed in value is invalid - seems you passed in a variable like {number} - please pass in variables for interpolation as full objects like {{number}}.", child);
-    }
-  });
-  return stringNode;
-}
 
-function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, shouldUnescape) {
-  if (targetString === '') return [];
-  var keepArray = i18nOptions.transKeepBasicHtmlNodesFor || [];
-  var emptyChildrenButNeedsHandling = targetString && new RegExp(keepArray.join('|')).test(targetString);
-  if (!children && !emptyChildrenButNeedsHandling) return [targetString];
-  var data = {};
 
-  function getData(childs) {
-    var childrenArray = getAsArray(childs);
-    childrenArray.forEach(function (child) {
-      if (typeof child === 'string') return;
-      if (hasChildren(child)) getData(getChildren(child));else if (_typeof(child) === 'object' && !isValidElement(child)) Object.assign(data, child);
-    });
-  }
 
-  getData(children);
-  var ast = HTML.parse("<0>".concat(targetString, "</0>"));
 
-  var opts = TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, data), combinedTOpts);
 
-  function renderInner(child, node, rootReactNode) {
-    var childs = getChildren(child);
-    var mappedChildren = mapAST(childs, node.children, rootReactNode);
-    return hasValidReactChildren(childs) && mappedChildren.length === 0 ? childs : mappedChildren;
-  }
 
-  function pushTranslatedJSX(child, inner, mem, i, isVoid) {
-    if (child.dummy) child.children = inner;
-    mem.push(cloneElement(child, TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, child.props), {}, {
-      key: i
-    }), isVoid ? undefined : inner));
-  }
 
-  function mapAST(reactNode, astNode, rootReactNode) {
-    var reactNodes = getAsArray(reactNode);
-    var astNodes = getAsArray(astNode);
-    return astNodes.reduce(function (mem, node, i) {
-      var translationContent = node.children && node.children[0] && node.children[0].content && i18n.services.interpolator.interpolate(node.children[0].content, opts, i18n.language);
 
-      if (node.type === 'tag') {
-        var tmp = reactNodes[parseInt(node.name, 10)];
-        if (!tmp && rootReactNode.length === 1 && rootReactNode[0][node.name]) tmp = rootReactNode[0][node.name];
-        if (!tmp) tmp = {};
-        var child = Object.keys(node.attrs).length !== 0 ? mergeProps({
-          props: node.attrs
-        }, tmp) : tmp;
-        var isElement = isValidElement(child);
-        var isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
-        var isEmptyTransWithHTML = emptyChildrenButNeedsHandling && _typeof(child) === 'object' && child.dummy && !isElement;
-        var isKnownComponent = _typeof(children) === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
 
-        if (typeof child === 'string') {
-          var value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
-          mem.push(value);
-        } else if (hasChildren(child) || isValidTranslationWithChildren) {
-            var inner = renderInner(child, node, rootReactNode);
-            pushTranslatedJSX(child, inner, mem, i);
-          } else if (isEmptyTransWithHTML) {
-          var _inner = mapAST(reactNodes, node.children, rootReactNode);
 
-          mem.push(cloneElement(child, TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, child.props), {}, {
-            key: i
-          }), _inner));
-        } else if (Number.isNaN(parseFloat(node.name))) {
-          if (isKnownComponent) {
-            var _inner2 = renderInner(child, node, rootReactNode);
 
-            pushTranslatedJSX(child, _inner2, mem, i, node.voidElement);
-          } else if (i18nOptions.transSupportBasicHtmlNodes && keepArray.indexOf(node.name) > -1) {
-            if (node.voidElement) {
-              mem.push(createElement(node.name, {
-                key: "".concat(node.name, "-").concat(i)
-              }));
-            } else {
-              var _inner3 = mapAST(reactNodes, node.children, rootReactNode);
+let useSyncExternalStore = (/* unused pure expression or super */ null && (notInitialized));
+const initializeConnect = fn => {
+  useSyncExternalStore = fn;
+}; // Define some constant arrays just to avoid re-creating these
 
-              mem.push(createElement(node.name, {
-                key: "".concat(node.name, "-").concat(i)
-              }, _inner3));
-            }
-          } else if (node.voidElement) {
-            mem.push("<".concat(node.name, " />"));
-          } else {
-            var _inner4 = mapAST(reactNodes, node.children, rootReactNode);
+const EMPTY_ARRAY = (/* unused pure expression or super */ null && ([null, 0]));
+const NO_SUBSCRIPTION_ARRAY = (/* unused pure expression or super */ null && ([null, null])); // Attempts to stringify whatever not-really-a-component value we were given
+// for logging in an error message
 
-            mem.push("<".concat(node.name, ">").concat(_inner4, "</").concat(node.name, ">"));
-          }
-        } else if (_typeof(child) === 'object' && !isElement) {
-          var content = node.children[0] ? translationContent : null;
-          if (content) mem.push(content);
-        } else if (node.children.length === 1 && translationContent) {
-          mem.push(cloneElement(child, TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, child.props), {}, {
-            key: i
-          }), translationContent));
-        } else {
-          mem.push(cloneElement(child, TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, child.props), {}, {
-            key: i
-          })));
-        }
-      } else if (node.type === 'text') {
-        var wrapTextNodes = i18nOptions.transWrapTextNodes;
+const stringifyComponent = Comp => {
+  try {
+    return JSON.stringify(Comp);
+  } catch (err) {
+    return String(Comp);
+  }
+};
 
-        var _content = shouldUnescape ? i18nOptions.unescape(i18n.services.interpolator.interpolate(node.content, opts, i18n.language)) : i18n.services.interpolator.interpolate(node.content, opts, i18n.language);
+// This is "just" a `useLayoutEffect`, but with two modifications:
+// - we need to fall back to `useEffect` in SSR to avoid annoying warnings
+// - we extract this to a separate function to avoid closing over values
+//   and causing memory leaks
+function useIsomorphicLayoutEffectWithArgs(effectFunc, effectArgs, dependencies) {
+  useIsomorphicLayoutEffect(() => effectFunc(...effectArgs), dependencies);
+} // Effect callback, extracted: assign the latest props values to refs for later usage
 
-        if (wrapTextNodes) {
-          mem.push(createElement(wrapTextNodes, {
-            key: "".concat(node.name, "-").concat(i)
-          }, _content));
-        } else {
-          mem.push(_content);
-        }
-      }
 
-      return mem;
-    }, []);
+function captureWrapperProps(lastWrapperProps, lastChildProps, renderIsScheduled, wrapperProps, // actualChildProps: unknown,
+childPropsFromStoreUpdate, notifyNestedSubs) {
+  // We want to capture the wrapper props and child props we used for later comparisons
+  lastWrapperProps.current = wrapperProps;
+  renderIsScheduled.current = false; // If the render was from a store update, clear out that reference and cascade the subscriber update
+
+  if (childPropsFromStoreUpdate.current) {
+    childPropsFromStoreUpdate.current = null;
+    notifyNestedSubs();
   }
+} // Effect callback, extracted: subscribe to the Redux store or nearest connected ancestor,
+// check for updates after dispatched actions, and trigger re-renders.
 
-  var result = mapAST([{
-    dummy: true,
-    children: children || []
-  }], ast, getAsArray(children || []));
-  return getChildren(result[0]);
-}
 
-function Trans(_ref) {
-  var children = _ref.children,
-      count = _ref.count,
-      parent = _ref.parent,
-      i18nKey = _ref.i18nKey,
-      context = _ref.context,
-      _ref$tOptions = _ref.tOptions,
-      tOptions = _ref$tOptions === void 0 ? {} : _ref$tOptions,
-      values = _ref.values,
-      defaults = _ref.defaults,
-      components = _ref.components,
-      ns = _ref.ns,
-      i18nFromProps = _ref.i18n,
-      tFromProps = _ref.t,
-      shouldUnescape = _ref.shouldUnescape,
-      additionalProps = _objectWithoutProperties(_ref, _excluded2);
+function subscribeUpdates(shouldHandleStateChanges, store, subscription, childPropsSelector, lastWrapperProps, lastChildProps, renderIsScheduled, isMounted, childPropsFromStoreUpdate, notifyNestedSubs, // forceComponentUpdateDispatch: React.Dispatch<any>,
+additionalSubscribeListener) {
+  // If we're not subscribed to the store, nothing to do here
+  if (!shouldHandleStateChanges) return () => {}; // Capture values for checking if and when this component unmounts
 
-  var i18n = i18nFromProps || getI18n();
+  let didUnsubscribe = false;
+  let lastThrownError = null; // We'll run this callback every time a store subscription update propagates to this component
 
-  if (!i18n) {
-    warnOnce('You will need to pass in an i18next instance by using i18nextReactModule');
-    return children;
-  }
+  const checkForUpdates = () => {
+    if (didUnsubscribe || !isMounted.current) {
+      // Don't run stale listeners.
+      // Redux doesn't guarantee unsubscriptions happen until next dispatch.
+      return;
+    } // TODO We're currently calling getState ourselves here, rather than letting `uSES` do it
 
-  var t = tFromProps || i18n.t.bind(i18n) || function (k) {
-    return k;
-  };
 
-  if (context) tOptions.context = context;
+    const latestStoreState = store.getState();
+    let newChildProps, error;
 
-  var reactI18nextOptions = TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, getDefaults()), i18n.options && i18n.options.react);
+    try {
+      // Actually run the selector with the most recent store state and wrapper props
+      // to determine what the child props should be
+      newChildProps = childPropsSelector(latestStoreState, lastWrapperProps.current);
+    } catch (e) {
+      error = e;
+      lastThrownError = e;
+    }
 
-  var namespaces = ns || t.ns || i18n.options && i18n.options.defaultNS;
-  namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
-  var defaultValue = defaults || nodesToString(children, reactI18nextOptions) || reactI18nextOptions.transEmptyNodeValue || i18nKey;
-  var hashTransKey = reactI18nextOptions.hashTransKey;
-  var key = i18nKey || (hashTransKey ? hashTransKey(defaultValue) : defaultValue);
-  var interpolationOverride = values ? tOptions.interpolation : {
-    interpolation: TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, tOptions.interpolation), {}, {
-      prefix: '#$?',
-      suffix: '?$#'
-    })
-  };
+    if (!error) {
+      lastThrownError = null;
+    } // If the child props haven't changed, nothing to do here - cascade the subscription update
 
-  var combinedTOpts = TransWithoutContext_objectSpread(TransWithoutContext_objectSpread(TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, tOptions), {}, {
-    count: count
-  }, values), interpolationOverride), {}, {
-    defaultValue: defaultValue,
-    ns: namespaces
-  });
 
-  var translation = key ? t(key, combinedTOpts) : defaultValue;
-  var content = renderNodes(components || children, translation, i18n, reactI18nextOptions, combinedTOpts, shouldUnescape);
-  var useAsParent = parent !== undefined ? parent : reactI18nextOptions.defaultTransParent;
-  return useAsParent ? createElement(useAsParent, additionalProps, content) : content;
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js
-function _classCallCheck(a, n) {
-  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
-}
+    if (newChildProps === lastChildProps.current) {
+      if (!renderIsScheduled.current) {
+        notifyNestedSubs();
+      }
+    } else {
+      // Save references to the new child props.  Note that we track the "child props from store update"
+      // as a ref instead of a useState/useReducer because we need a way to determine if that value has
+      // been processed.  If this went into useState/useReducer, we couldn't clear out the value without
+      // forcing another re-render, which we don't want.
+      lastChildProps.current = newChildProps;
+      childPropsFromStoreUpdate.current = newChildProps;
+      renderIsScheduled.current = true; // TODO This is hacky and not how `uSES` is meant to be used
+      // Trigger the React `useSyncExternalStore` subscriber
 
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/createClass.js
+      additionalSubscribeListener();
+    }
+  }; // Actually subscribe to the nearest connected ancestor (or store)
 
-function _defineProperties(e, r) {
-  for (var t = 0; t < r.length; t++) {
-    var o = r[t];
-    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
-  }
-}
-function _createClass(e, r, t) {
-  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
-    writable: !1
-  }), e;
-}
 
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/i18nInstance.js
-var i18nInstance;
-function setI18n(instance) {
-  i18nInstance = instance;
-}
-function i18nInstance_getI18n() {
-  return i18nInstance;
-}
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/initReactI18next.js
+  subscription.onStateChange = checkForUpdates;
+  subscription.trySubscribe(); // Pull data from the store after first render in case the store has
+  // changed since we began.
 
+  checkForUpdates();
 
-var initReactI18next = {
-  type: '3rdParty',
-  init: function init(instance) {
-    setDefaults(instance.options.react);
-    setI18n(instance);
-  }
-};
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/context.js
+  const unsubscribeWrapper = () => {
+    didUnsubscribe = true;
+    subscription.tryUnsubscribe();
+    subscription.onStateChange = null;
 
+    if (lastThrownError) {
+      // It's possible that we caught an error due to a bad mapState function, but the
+      // parent re-rendered without this component and we're about to unmount.
+      // This shouldn't happen as long as we do top-down subscriptions correctly, but
+      // if we ever do those wrong, this throw will surface the error in our tests.
+      // In that case, throw the error from here so it doesn't get lost.
+      throw lastThrownError;
+    }
+  };
 
+  return unsubscribeWrapper;
+} // Reducer initial state creation for our update reducer
 
 
-function context_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+const initStateUpdates = () => EMPTY_ARRAY;
 
-function context_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { context_ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { context_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function strictEqual(a, b) {
+  return a === b;
+}
+/**
+ * Infers the type of props that a connector will inject into a component.
+ */
 
 
+let hasWarnedAboutDeprecatedPureOption = false;
+/**
+ * Connects a React component to a Redux store.
+ *
+ * - Without arguments, just wraps the component, without changing the behavior / props
+ *
+ * - If 2 params are passed (3rd param, mergeProps, is skipped), default behavior
+ * is to override ownProps (as stated in the docs), so what remains is everything that's
+ * not a state or dispatch prop
+ *
+ * - When 3rd param is passed, we don't know if ownProps propagate and whether they
+ * should be valid component props, because it depends on mergeProps implementation.
+ * As such, it is the user's responsibility to extend ownProps interface from state or
+ * dispatch props or both when applicable
+ *
+ * @param mapStateToProps A function that extracts values from state
+ * @param mapDispatchToProps Setup for dispatching actions
+ * @param mergeProps Optional callback to merge state and dispatch props together
+ * @param options Options for configuring the connection
+ *
+ */
 
+function connect(mapStateToProps, mapDispatchToProps, mergeProps, {
+  // The `pure` option has been removed, so TS doesn't like us destructuring this to check its existence.
+  // @ts-ignore
+  pure,
+  areStatesEqual = strictEqual,
+  areOwnPropsEqual = shallowEqual,
+  areStatePropsEqual = shallowEqual,
+  areMergedPropsEqual = shallowEqual,
+  // use React's forwardRef to expose a ref of the wrapped component
+  forwardRef = false,
+  // the context consumer to use
+  context = ReactReduxContext
+} = {}) {
+  if (false) {}
 
+  const Context = context;
+  const initMapStateToProps = mapStateToPropsFactory(mapStateToProps);
+  const initMapDispatchToProps = mapDispatchToPropsFactory(mapDispatchToProps);
+  const initMergeProps = mergePropsFactory(mergeProps);
+  const shouldHandleStateChanges = Boolean(mapStateToProps);
 
+  const wrapWithConnect = WrappedComponent => {
+    if (false) {}
 
-var context_I18nContext = (0,react.createContext)();
-var ReportNamespaces = function () {
-  function ReportNamespaces() {
-    _classCallCheck(this, ReportNamespaces);
+    const wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+    const displayName = `Connect(${wrappedComponentName})`;
+    const selectorFactoryOptions = {
+      shouldHandleStateChanges,
+      displayName,
+      wrappedComponentName,
+      WrappedComponent,
+      // @ts-ignore
+      initMapStateToProps,
+      // @ts-ignore
+      initMapDispatchToProps,
+      initMergeProps,
+      areStatesEqual,
+      areStatePropsEqual,
+      areOwnPropsEqual,
+      areMergedPropsEqual
+    };
 
-    this.usedNamespaces = {};
-  }
+    function ConnectFunction(props) {
+      const [propsContext, reactReduxForwardedRef, wrapperProps] = useMemo(() => {
+        // Distinguish between actual "data" props that were passed to the wrapper component,
+        // and values needed to control behavior (forwarded refs, alternate context instances).
+        // To maintain the wrapperProps object reference, memoize this destructuring.
+        const {
+          reactReduxForwardedRef
+        } = props,
+              wrapperProps = _objectWithoutPropertiesLoose(props, _excluded);
 
-  _createClass(ReportNamespaces, [{
-    key: "addUsedNamespaces",
-    value: function addUsedNamespaces(namespaces) {
-      var _this = this;
+        return [props.context, reactReduxForwardedRef, wrapperProps];
+      }, [props]);
+      const ContextToUse = useMemo(() => {
+        // Users may optionally pass in a custom context instance to use instead of our ReactReduxContext.
+        // Memoize the check that determines which context instance we should use.
+        return propsContext && propsContext.Consumer && // @ts-ignore
+        isContextConsumer( /*#__PURE__*/React.createElement(propsContext.Consumer, null)) ? propsContext : Context;
+      }, [propsContext, Context]); // Retrieve the store and ancestor subscription via context, if available
 
-      namespaces.forEach(function (ns) {
-        if (!_this.usedNamespaces[ns]) _this.usedNamespaces[ns] = true;
-      });
-    }
-  }, {
-    key: "getUsedNamespaces",
-    value: function getUsedNamespaces() {
-      return Object.keys(this.usedNamespaces);
-    }
-  }]);
+      const contextValue = useContext(ContextToUse); // The store _must_ exist as either a prop or in context.
+      // We'll check to see if it _looks_ like a Redux store first.
+      // This allows us to pass through a `store` prop that is just a plain value.
 
-  return ReportNamespaces;
-}();
-function context_composeInitialProps(ForComponent) {
-  return function (ctx) {
-    return new Promise(function (resolve) {
-      var i18nInitialProps = getInitialProps();
+      const didStoreComeFromProps = Boolean(props.store) && Boolean(props.store.getState) && Boolean(props.store.dispatch);
+      const didStoreComeFromContext = Boolean(contextValue) && Boolean(contextValue.store);
 
-      if (ForComponent.getInitialProps) {
-        ForComponent.getInitialProps(ctx).then(function (componentsInitialProps) {
-          resolve(context_objectSpread(context_objectSpread({}, componentsInitialProps), i18nInitialProps));
-        });
-      } else {
-        resolve(i18nInitialProps);
-      }
-    });
-  };
-}
-function getInitialProps() {
-  var i18n = getI18n();
-  var namespaces = i18n.reportNamespaces ? i18n.reportNamespaces.getUsedNamespaces() : [];
-  var ret = {};
-  var initialI18nStore = {};
-  i18n.languages.forEach(function (l) {
-    initialI18nStore[l] = {};
-    namespaces.forEach(function (ns) {
-      initialI18nStore[l][ns] = i18n.getResourceBundle(l, ns) || {};
-    });
-  });
-  ret.initialI18nStore = initialI18nStore;
-  ret.initialLanguage = i18n.language;
-  return ret;
-}
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/Trans.js
+      if (false) {} // Based on the previous check, one of these must be true
 
 
-var Trans_excluded = (/* unused pure expression or super */ null && (["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"]));
+      const store = didStoreComeFromProps ? props.store : contextValue.store;
+      const getServerState = didStoreComeFromContext ? contextValue.getServerState : store.getState;
+      const childPropsSelector = useMemo(() => {
+        // The child props selector needs the store reference as an input.
+        // Re-create this selector whenever the store changes.
+        return defaultSelectorFactory(store.dispatch, selectorFactoryOptions);
+      }, [store]);
+      const [subscription, notifyNestedSubs] = useMemo(() => {
+        if (!shouldHandleStateChanges) return NO_SUBSCRIPTION_ARRAY; // This Subscription's source should match where store came from: props vs. context. A component
+        // connected to the store via props shouldn't use subscription from context, or vice versa.
 
-function Trans_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+        const subscription = createSubscription(store, didStoreComeFromProps ? undefined : contextValue.subscription); // `notifyNestedSubs` is duplicated to handle the case where the component is unmounted in
+        // the middle of the notification loop, where `subscription` will then be null. This can
+        // probably be avoided if Subscription's listeners logic is changed to not call listeners
+        // that have been unsubscribed in the  middle of the notification loop.
 
-function Trans_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Trans_ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Trans_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+        const notifyNestedSubs = subscription.notifyNestedSubs.bind(subscription);
+        return [subscription, notifyNestedSubs];
+      }, [store, didStoreComeFromProps, contextValue]); // Determine what {store, subscription} value should be put into nested context, if necessary,
+      // and memoize that value to avoid unnecessary context updates.
 
+      const overriddenContextValue = useMemo(() => {
+        if (didStoreComeFromProps) {
+          // This component is directly subscribed to a store from props.
+          // We don't want descendants reading from this store - pass down whatever
+          // the existing context value is from the nearest connected ancestor.
+          return contextValue;
+        } // Otherwise, put this component's subscription instance into context, so that
+        // connected descendants won't update until after this component is done
 
 
+        return _extends({}, contextValue, {
+          subscription
+        });
+      }, [didStoreComeFromProps, contextValue, subscription]); // Set up refs to coordinate values between the subscription effect and the render logic
 
+      const lastChildProps = useRef();
+      const lastWrapperProps = useRef(wrapperProps);
+      const childPropsFromStoreUpdate = useRef();
+      const renderIsScheduled = useRef(false);
+      const isProcessingDispatch = useRef(false);
+      const isMounted = useRef(false);
+      const latestSubscriptionCallbackError = useRef();
+      useIsomorphicLayoutEffect(() => {
+        isMounted.current = true;
+        return () => {
+          isMounted.current = false;
+        };
+      }, []);
+      const actualChildPropsSelector = useMemo(() => {
+        const selector = () => {
+          // Tricky logic here:
+          // - This render may have been triggered by a Redux store update that produced new child props
+          // - However, we may have gotten new wrapper props after that
+          // If we have new child props, and the same wrapper props, we know we should use the new child props as-is.
+          // But, if we have new wrapper props, those might change the child props, so we have to recalculate things.
+          // So, we'll use the child props from store update only if the wrapper props are the same as last time.
+          if (childPropsFromStoreUpdate.current && wrapperProps === lastWrapperProps.current) {
+            return childPropsFromStoreUpdate.current;
+          } // TODO We're reading the store directly in render() here. Bad idea?
+          // This will likely cause Bad Things (TM) to happen in Concurrent Mode.
+          // Note that we do this because on renders _not_ caused by store updates, we need the latest store state
+          // to determine what the child props should be.
 
-function Trans_Trans(_ref) {
-  var children = _ref.children,
-      count = _ref.count,
-      parent = _ref.parent,
-      i18nKey = _ref.i18nKey,
-      context = _ref.context,
-      _ref$tOptions = _ref.tOptions,
-      tOptions = _ref$tOptions === void 0 ? {} : _ref$tOptions,
-      values = _ref.values,
-      defaults = _ref.defaults,
-      components = _ref.components,
-      ns = _ref.ns,
-      i18nFromProps = _ref.i18n,
-      tFromProps = _ref.t,
-      shouldUnescape = _ref.shouldUnescape,
-      additionalProps = _objectWithoutProperties(_ref, Trans_excluded);
 
-  var _ref2 = useContext(I18nContext) || {},
-      i18nFromContext = _ref2.i18n,
-      defaultNSFromContext = _ref2.defaultNS;
+          return childPropsSelector(store.getState(), wrapperProps);
+        };
 
-  var i18n = i18nFromProps || i18nFromContext || getI18n();
-  var t = tFromProps || i18n && i18n.t.bind(i18n);
-  return TransWithoutContext(Trans_objectSpread({
-    children: children,
-    count: count,
-    parent: parent,
-    i18nKey: i18nKey,
-    context: context,
-    tOptions: tOptions,
-    values: values,
-    defaults: defaults,
-    components: components,
-    ns: ns || t && t.ns || defaultNSFromContext || i18n && i18n.options && i18n.options.defaultNS,
-    i18n: i18n,
-    t: tFromProps,
-    shouldUnescape: shouldUnescape
-  }, additionalProps));
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
-
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+        return selector;
+      }, [store, wrapperProps]); // We need this to execute synchronously every time we re-render. However, React warns
+      // about useLayoutEffect in SSR, so we try to detect environment and fall back to
+      // just useEffect instead to avoid the warning, since neither will run anyway.
 
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
+      const subscribeForReact = useMemo(() => {
+        const subscribe = reactListener => {
+          if (!subscription) {
+            return () => {};
+          }
 
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
-function _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.");
-}
+          return subscribeUpdates(shouldHandleStateChanges, store, subscription, // @ts-ignore
+          childPropsSelector, lastWrapperProps, lastChildProps, renderIsScheduled, isMounted, childPropsFromStoreUpdate, notifyNestedSubs, reactListener);
+        };
 
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js
+        return subscribe;
+      }, [subscription]);
+      useIsomorphicLayoutEffectWithArgs(captureWrapperProps, [lastWrapperProps, lastChildProps, renderIsScheduled, wrapperProps, childPropsFromStoreUpdate, notifyNestedSubs]);
+      let actualChildProps;
 
+      try {
+        actualChildProps = useSyncExternalStore( // TODO We're passing through a big wrapper that does a bunch of extra side effects besides subscribing
+        subscribeForReact, // TODO This is incredibly hacky. We've already processed the store update and calculated new child props,
+        // TODO and we're just passing that through so it triggers a re-render for us rather than relying on `uSES`.
+        actualChildPropsSelector, getServerState ? () => childPropsSelector(getServerState(), wrapperProps) : actualChildPropsSelector);
+      } catch (err) {
+        if (latestSubscriptionCallbackError.current) {
+          ;
+          err.message += `\nThe error may be correlated with this previous error:\n${latestSubscriptionCallbackError.current.stack}\n\n`;
+        }
 
+        throw err;
+      }
 
+      useIsomorphicLayoutEffect(() => {
+        latestSubscriptionCallbackError.current = undefined;
+        childPropsFromStoreUpdate.current = undefined;
+        lastChildProps.current = actualChildProps;
+      }); // Now that all that's done, we can finally try to actually render the child component.
+      // We memoize the elements for the rendered child component as an optimization.
 
-function slicedToArray_slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
+      const renderedWrappedComponent = useMemo(() => {
+        return (
+          /*#__PURE__*/
+          // @ts-ignore
+          React.createElement(WrappedComponent, _extends({}, actualChildProps, {
+            ref: reactReduxForwardedRef
+          }))
+        );
+      }, [reactReduxForwardedRef, WrappedComponent, actualChildProps]); // If React sees the exact same element reference as last time, it bails out of re-rendering
+      // that child, same as if it was wrapped in React.memo() or returned false from shouldComponentUpdate.
 
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/useTranslation.js
+      const renderedChild = useMemo(() => {
+        if (shouldHandleStateChanges) {
+          // If this component is subscribed to store updates, we need to pass its own
+          // subscription instance down to our descendants. That means rendering the same
+          // Context instance, and putting a different value into the context.
+          return /*#__PURE__*/React.createElement(ContextToUse.Provider, {
+            value: overriddenContextValue
+          }, renderedWrappedComponent);
+        }
 
+        return renderedWrappedComponent;
+      }, [ContextToUse, renderedWrappedComponent, overriddenContextValue]);
+      return renderedChild;
+    }
 
+    const _Connect = React.memo(ConnectFunction);
 
+    // Add a hacky cast to get the right output type
+    const Connect = _Connect;
+    Connect.WrappedComponent = WrappedComponent;
+    Connect.displayName = ConnectFunction.displayName = displayName;
 
-function useTranslation_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+    if (forwardRef) {
+      const _forwarded = React.forwardRef(function forwardConnectRef(props, ref) {
+        // @ts-ignore
+        return /*#__PURE__*/React.createElement(Connect, _extends({}, props, {
+          reactReduxForwardedRef: ref
+        }));
+      });
 
-function useTranslation_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { useTranslation_ownKeys(Object(source), true).forEach(function (key) { defineProperty_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { useTranslation_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+      const forwarded = _forwarded;
+      forwarded.displayName = displayName;
+      forwarded.WrappedComponent = WrappedComponent;
+      return hoistStatics(forwarded, WrappedComponent);
+    }
 
+    return hoistStatics(Connect, WrappedComponent);
+  };
 
+  return wrapWithConnect;
+}
 
+/* harmony default export */ const components_connect = ((/* unused pure expression or super */ null && (connect)));
+;// CONCATENATED MODULE: ../../node_modules/react-redux/es/components/Provider.js
 
 
-var usePrevious = function usePrevious(value, ignore) {
-  var ref = (0,react.useRef)();
-  (0,react.useEffect)(function () {
-    ref.current = ignore ? ref.current : value;
-  }, [value, ignore]);
-  return ref.current;
-};
 
-function useTranslation_useTranslation(ns) {
-  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var i18nFromProps = props.i18n;
 
-  var _ref = (0,react.useContext)(context_I18nContext) || {},
-      i18nFromContext = _ref.i18n,
-      defaultNSFromContext = _ref.defaultNS;
 
-  var i18n = i18nFromProps || i18nFromContext || i18nInstance_getI18n();
-  if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
+function Provider({
+  store,
+  context,
+  children,
+  serverState
+}) {
+  const contextValue = useMemo(() => {
+    const subscription = createSubscription(store);
+    return {
+      store,
+      subscription,
+      getServerState: serverState ? () => serverState : undefined
+    };
+  }, [store, serverState]);
+  const previousState = useMemo(() => store.getState(), [store]);
+  useIsomorphicLayoutEffect(() => {
+    const {
+      subscription
+    } = contextValue;
+    subscription.onStateChange = subscription.notifyNestedSubs;
+    subscription.trySubscribe();
 
-  if (!i18n) {
-    utils_warnOnce('You will need to pass in an i18next instance by using initReactI18next');
+    if (previousState !== store.getState()) {
+      subscription.notifyNestedSubs();
+    }
 
-    var notReadyT = function notReadyT(k, optsOrDefaultValue) {
-      if (typeof optsOrDefaultValue === 'string') return optsOrDefaultValue;
-      if (optsOrDefaultValue && typeof_typeof(optsOrDefaultValue) === 'object' && typeof optsOrDefaultValue.defaultValue === 'string') return optsOrDefaultValue.defaultValue;
-      return Array.isArray(k) ? k[k.length - 1] : k;
+    return () => {
+      subscription.tryUnsubscribe();
+      subscription.onStateChange = undefined;
     };
+  }, [contextValue, previousState]);
+  const Context = context || ReactReduxContext; // @ts-ignore 'AnyAction' is assignable to the constraint of type 'A', but 'A' could be instantiated with a different subtype
 
-    var retNotReady = [notReadyT, {}, false];
-    retNotReady.t = notReadyT;
-    retNotReady.i18n = {};
-    retNotReady.ready = false;
-    return retNotReady;
-  }
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: contextValue
+  }, children);
+}
 
-  if (i18n.options.react && i18n.options.react.wait !== undefined) utils_warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
+/* harmony default export */ const components_Provider = ((/* unused pure expression or super */ null && (Provider)));
+;// CONCATENATED MODULE: ../../node_modules/react-redux/es/hooks/useStore.js
 
-  var i18nOptions = useTranslation_objectSpread(useTranslation_objectSpread(useTranslation_objectSpread({}, defaults_getDefaults()), i18n.options.react), props);
 
-  var useSuspense = i18nOptions.useSuspense,
-      keyPrefix = i18nOptions.keyPrefix;
-  var namespaces = ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
-  namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
-  if (i18n.reportNamespaces.addUsedNamespaces) i18n.reportNamespaces.addUsedNamespaces(namespaces);
-  var ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every(function (n) {
-    return hasLoadedNamespace(n, i18n, i18nOptions);
-  });
 
-  function getT() {
-    return i18n.getFixedT(props.lng || null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
-  }
+/**
+ * Hook factory, which creates a `useStore` hook bound to a given context.
+ *
+ * @param {React.Context} [context=ReactReduxContext] Context passed to your `<Provider>`.
+ * @returns {Function} A `useStore` hook bound to the specified context.
+ */
 
-  var _useState = (0,react.useState)(getT),
-      _useState2 = slicedToArray_slicedToArray(_useState, 2),
-      t = _useState2[0],
-      setT = _useState2[1];
+function createStoreHook(context = Context_ReactReduxContext) {
+  const useReduxContext = // @ts-ignore
+  context === Context_ReactReduxContext ? useReduxContext_useReduxContext : () => (0,react.useContext)(context);
+  return function useStore() {
+    const {
+      store
+    } = useReduxContext(); // @ts-ignore
 
-  var joinedNS = namespaces.join();
-  if (props.lng) joinedNS = "".concat(props.lng).concat(joinedNS);
-  var previousJoinedNS = usePrevious(joinedNS);
-  var isMounted = (0,react.useRef)(true);
-  (0,react.useEffect)(function () {
-    var bindI18n = i18nOptions.bindI18n,
-        bindI18nStore = i18nOptions.bindI18nStore;
-    isMounted.current = true;
-
-    if (!ready && !useSuspense) {
-      if (props.lng) {
-        loadLanguages(i18n, props.lng, namespaces, function () {
-          if (isMounted.current) setT(getT);
-        });
-      } else {
-        loadNamespaces(i18n, namespaces, function () {
-          if (isMounted.current) setT(getT);
-        });
-      }
-    }
-
-    if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
-      setT(getT);
-    }
-
-    function boundReset() {
-      if (isMounted.current) setT(getT);
-    }
-
-    if (bindI18n && i18n) i18n.on(bindI18n, boundReset);
-    if (bindI18nStore && i18n) i18n.store.on(bindI18nStore, boundReset);
-    return function () {
-      isMounted.current = false;
-      if (bindI18n && i18n) bindI18n.split(' ').forEach(function (e) {
-        return i18n.off(e, boundReset);
-      });
-      if (bindI18nStore && i18n) bindI18nStore.split(' ').forEach(function (e) {
-        return i18n.store.off(e, boundReset);
-      });
-    };
-  }, [i18n, joinedNS]);
-  var isInitial = (0,react.useRef)(true);
-  (0,react.useEffect)(function () {
-    if (isMounted.current && !isInitial.current) {
-      setT(getT);
-    }
-
-    isInitial.current = false;
-  }, [i18n, keyPrefix]);
-  var ret = [t, i18n, ready];
-  ret.t = t;
-  ret.i18n = i18n;
-  ret.ready = ready;
-  if (ready) return ret;
-  if (!ready && !useSuspense) return ret;
-  throw new Promise(function (resolve) {
-    if (props.lng) {
-      loadLanguages(i18n, props.lng, namespaces, function () {
-        return resolve();
-      });
-    } else {
-      loadNamespaces(i18n, namespaces, function () {
-        return resolve();
-      });
-    }
-  });
+    return store;
+  };
 }
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/withTranslation.js
-
-
-
-var withTranslation_excluded = (/* unused pure expression or super */ null && (["forwardedRef"]));
-
-function withTranslation_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function withTranslation_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { withTranslation_ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { withTranslation_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-
-
-
-function withTranslation(ns) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return function Extend(WrappedComponent) {
-    function I18nextWithTranslation(_ref) {
-      var forwardedRef = _ref.forwardedRef,
-          rest = _objectWithoutProperties(_ref, withTranslation_excluded);
-
-      var _useTranslation = useTranslation(ns, withTranslation_objectSpread(withTranslation_objectSpread({}, rest), {}, {
-        keyPrefix: options.keyPrefix
-      })),
-          _useTranslation2 = _slicedToArray(_useTranslation, 3),
-          t = _useTranslation2[0],
-          i18n = _useTranslation2[1],
-          ready = _useTranslation2[2];
-
-      var passDownProps = withTranslation_objectSpread(withTranslation_objectSpread({}, rest), {}, {
-        t: t,
-        i18n: i18n,
-        tReady: ready
-      });
+/**
+ * A hook to access the redux store.
+ *
+ * @returns {any} the redux store
+ *
+ * @example
+ *
+ * import React from 'react'
+ * import { useStore } from 'react-redux'
+ *
+ * export const ExampleComponent = () => {
+ *   const store = useStore()
+ *   return <div>{store.getState()}</div>
+ * }
+ */
 
-      if (options.withRef && forwardedRef) {
-        passDownProps.ref = forwardedRef;
-      } else if (!options.withRef && forwardedRef) {
-        passDownProps.forwardedRef = forwardedRef;
-      }
+const useStore_useStore = /*#__PURE__*/createStoreHook();
+;// CONCATENATED MODULE: ../../node_modules/react-redux/es/hooks/useDispatch.js
 
-      return createElement(WrappedComponent, passDownProps);
-    }
 
-    I18nextWithTranslation.displayName = "withI18nextTranslation(".concat(getDisplayName(WrappedComponent), ")");
-    I18nextWithTranslation.WrappedComponent = WrappedComponent;
+/**
+ * Hook factory, which creates a `useDispatch` hook bound to a given context.
+ *
+ * @param {React.Context} [context=ReactReduxContext] Context passed to your `<Provider>`.
+ * @returns {Function} A `useDispatch` hook bound to the specified context.
+ */
 
-    var forwardRef = function forwardRef(props, ref) {
-      return createElement(I18nextWithTranslation, Object.assign({}, props, {
-        forwardedRef: ref
-      }));
-    };
+function createDispatchHook(context = Context_ReactReduxContext) {
+  const useStore = // @ts-ignore
+  context === Context_ReactReduxContext ? useStore_useStore : createStoreHook(context);
+  return function useDispatch() {
+    const store = useStore(); // @ts-ignore
 
-    return options.withRef ? forwardRefReact(forwardRef) : I18nextWithTranslation;
+    return store.dispatch;
   };
 }
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/Translation.js
-
-
-var Translation_excluded = (/* unused pure expression or super */ null && (["ns", "children"]));
+/**
+ * A hook to access the redux `dispatch` function.
+ *
+ * @returns {any|function} redux store's `dispatch` function
+ *
+ * @example
+ *
+ * import React, { useCallback } from 'react'
+ * import { useDispatch } from 'react-redux'
+ *
+ * export const CounterComponent = ({ value }) => {
+ *   const dispatch = useDispatch()
+ *   const increaseCounter = useCallback(() => dispatch({ type: 'increase-counter' }), [])
+ *   return (
+ *     <div>
+ *       <span>{value}</span>
+ *       <button onClick={increaseCounter}>Increase counter</button>
+ *     </div>
+ *   )
+ * }
+ */
 
-function Translation(props) {
-  var ns = props.ns,
-      children = props.children,
-      options = _objectWithoutProperties(props, Translation_excluded);
+const useDispatch_useDispatch = /*#__PURE__*/createDispatchHook();
+;// CONCATENATED MODULE: ../../node_modules/react-redux/es/exports.js
 
-  var _useTranslation = useTranslation(ns, options),
-      _useTranslation2 = _slicedToArray(_useTranslation, 3),
-      t = _useTranslation2[0],
-      i18n = _useTranslation2[1],
-      ready = _useTranslation2[2];
 
-  return children(t, {
-    i18n: i18n,
-    lng: i18n.language
-  }, ready);
-}
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/I18nextProvider.js
 
 
-function I18nextProvider(_ref) {
-  var i18n = _ref.i18n,
-      defaultNS = _ref.defaultNS,
-      children = _ref.children;
-  var value = useMemo(function () {
-    return {
-      i18n: i18n,
-      defaultNS: defaultNS
-    };
-  }, [i18n, defaultNS]);
-  return createElement(I18nContext.Provider, {
-    value: value
-  }, children);
-}
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/useSSR.js
 
 
-function useSSR_useSSR(initialI18nStore, initialLanguage) {
-  var props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var i18nFromProps = props.i18n;
 
-  var _ref = useContext(I18nContext) || {},
-      i18nFromContext = _ref.i18n;
 
-  var i18n = i18nFromProps || i18nFromContext || getI18n();
-  if (i18n.options && i18n.options.isClone) return;
 
-  if (initialI18nStore && !i18n.initializedStoreOnce) {
-    i18n.services.resourceStore.data = initialI18nStore;
-    i18n.options.ns = Object.values(initialI18nStore).reduce(function (mem, lngResources) {
-      Object.keys(lngResources).forEach(function (ns) {
-        if (mem.indexOf(ns) < 0) mem.push(ns);
-      });
-      return mem;
-    }, i18n.options.ns);
-    i18n.initializedStoreOnce = true;
-    i18n.isInitialized = true;
-  }
+;// CONCATENATED MODULE: ../../node_modules/react-redux/es/index.js
+// The primary entry point assumes we're working with standard ReactDOM/RN, but
+// older versions that do not include `useSyncExternalStore` (React 16.9 - 17.x).
+// Because of that, the useSyncExternalStore compat shim is needed.
 
-  if (initialLanguage && !i18n.initializedLanguageOnce) {
-    i18n.changeLanguage(initialLanguage);
-    i18n.initializedLanguageOnce = true;
-  }
-}
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/withSSR.js
 
 
-var withSSR_excluded = (/* unused pure expression or super */ null && (["initialI18nStore", "initialLanguage"]));
 
-function withSSR_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function withSSR_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { withSSR_ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { withSSR_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+initializeUseSelector(with_selector.useSyncExternalStoreWithSelector);
+initializeConnect(shim.useSyncExternalStore); // Enable batched updates in our subscriptions for use
+// with standard React renderers (ReactDOM, React Native)
 
+setBatch(react_dom.unstable_batchedUpdates);
 
 
+;// CONCATENATED MODULE: ../../libs/kit-components/src/hooks/useSafeSelector.ts
 
-function withSSR() {
-  return function Extend(WrappedComponent) {
-    function I18nextWithSSR(_ref) {
-      var initialI18nStore = _ref.initialI18nStore,
-          initialLanguage = _ref.initialLanguage,
-          rest = _objectWithoutProperties(_ref, withSSR_excluded);
+const useSafeSelector = selector => {
+  try {
+    return useSelector_useSelector(selector);
+  } catch (error) {
+    return {};
+  }
+};
+;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Input/InputViewTwo.tsx
 
-      useSSR(initialI18nStore, initialLanguage);
-      return createElement(WrappedComponent, withSSR_objectSpread({}, rest));
-    }
 
-    I18nextWithSSR.getInitialProps = composeInitialProps(WrappedComponent);
-    I18nextWithSSR.displayName = "withI18nextSSR(".concat(getDisplayName(WrappedComponent), ")");
-    I18nextWithSSR.WrappedComponent = WrappedComponent;
-    return I18nextWithSSR;
-  };
-}
-;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/index.js
 
 
-
-
-
-
-
-
-
-
-
-
-var date = function date() {
-  return '';
-};
-var time = function time() {
-  return '';
-};
-var number = function number() {
-  return '';
-};
-var es_select = function select() {
-  return '';
-};
-var plural = function plural() {
-  return '';
-};
-var selectOrdinal = function selectOrdinal() {
-  return '';
-};
-// EXTERNAL MODULE: ../../node_modules/card-validator/dist/index.js
-var dist = __webpack_require__(9344);
-var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
-;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Input/input.module.scss
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const input_module = ({"container":"input_container__jJNTc","input-container":"input_input-container__VJgnA","input-container-new":"input_input-container-new__nDtFv","input-container-new-reverse":"input_input-container-new-reverse__vtQte","input-filled":"input_input-filled__XXPf+","downpayment-filled":"input_downpayment-filled__-DUjp","input-container-reverse":"input_input-container-reverse__8jy-R"});
-// EXTERNAL MODULE: ../../node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(1085);
-;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Input/index.tsx
-
-
-function Input_Input(props) {
+function InputViewTwo_InputViewTwo(props) {
+  var _customStyle$placehol;
   const {
     name,
     placeholder,
@@ -7544,15 +7416,18 @@ function Input_Input(props) {
     value,
     maxLength,
     className,
-    newDesign,
+    borderStyle,
     type,
+    icon,
     error,
-    logoOnRight,
     inputMode,
     autoFocus,
     disabled,
     customStyle
   } = props;
+  const {
+    borderStyle: borderStyleState = borderStyle
+  } = useSafeSelector(state => state.customization);
   const handleChange = e => {
     const regexIsNumber = /^\d+$/;
     const isInputEmpty = e.target.value === '';
@@ -7562,16 +7437,22 @@ function Input_Input(props) {
       onChange && onChange(e);
     }
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-    className: input_module['container'],
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: [input_module['input-container'], className, newDesign ? input_module['input-container-new'] : '', logoOnRight ? input_module['input-container-reverse'] : '', value && newDesign ? input_module['input-container-reverse'] : ''].join(' '),
-      style: customStyle,
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    className: "flex flex-col w-full [&_*]:border-box relative",
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      className: [`flex justify-between items-center gap-2 py-2.5 px-3 w-full h-10 relative overflow-hidden border border-gray-300 ${borderStyleState === borderStyle_borderStyleConstants.RECTANGULAR ? 'rounded-none' : 'rounded-lg'} bg-white`, className].join(' '),
+      style: customStyle != null && customStyle.input ? customStyle == null ? void 0 : customStyle.input : customStyle,
       children: [label && /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
-        className: value ? input_module['input-filled'] : '',
+        className: "w-5 h-5 text-sm flex justify-start items-center whitespace-nowrap text-end",
         htmlFor: name,
         children: label
       }), /*#__PURE__*/(0,jsx_runtime.jsx)("input", {
+        className: "w-full !rounded-none border-none focus:outline-none [&::placeholder]:text-[var(--placeholder-color)]",
+        style: {
+          paddingInlineEnd: '1rem',
+          backgroundColor: 'inherit',
+          '--placeholder-color': (customStyle == null || (_customStyle$placehol = customStyle.placeholder) == null ? void 0 : _customStyle$placehol.color) || '#667085'
+        },
         id: name,
         name: name,
         type: type,
@@ -7585,1294 +7466,1410 @@ function Input_Input(props) {
         inputMode: inputMode,
         autoFocus: autoFocus,
         disabled: disabled
+      }), icon && icon, error && /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+        className: "w-3 h-3",
+        src: error_namespaceObject,
+        alt: "error"
       })]
-    }), error && /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
-      children: error
-    })]
+    })
   });
 }
-;// CONCATENATED MODULE: ../../libs/kit-components/src/assets/icons/error.png
-const error_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAADsOAAA7DgHMtqGDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAABxJJREFUaIHlmm2MVGcVx3/nuXd2+7bLDLNLeAmJtPJiTVvKLAViWRkWu43GSFILES3Eag2tEtGKSY2f1KhIQ6NRDFRtI5EgNPUlakCWLq2NAruzQIkFLClqRCz7DrsiO/fe44cd4M4zM7szdxck8f9t/ufc8zL3uc895zlXVJWxIlPfOAXfTSNmAcpsRO9EqQPuABQYROlE5IyKnjDIQXfIab334t7zY/UtURPI1KbrcGQVRlajpCKYUOCwINtjweUd9/T9oTdKHBUn0JZsnm7U2wB8CrgtitMiGEDZGsSCZ+efb/1XJReWnUBGGmLE408h+g2Gl8b1wL9V2HRbT/Kbd+uuoXIuKCuBTF16DoHZBdwziqoPnBSVk4ieUxgEELg9EKaKMgeYDTgjGVGRdnxZ2dC37+0xJ9CeXPZRUX2B0v/6oMDLwO6sVL+6oPt3F0aydzSRjvs4SxBdASwHbi2h2g/68VTPK7+NnEBmYtOTwPcBU0TcBboZnC2pnn39IzkphT9NeHhitcmuU+HzQKKIiifKE/N6979YykbJBHLBbykiUkG3xYLsM1F3DhtHahrrgyp3EyprivpTHi+VRNEE2pNLHxGVn1O4VrtB14x2W6Mi5/fHwARL5IEuL+a3IIGjEx6a6Tt+BqixdP/qO9L8QGfLX8Y1agsddR94jwb+XpDplqhPA5OyH+y8tf2mrKjyHX83BcHrGdfw4PUOHmBe174TRmUx8A9LFDcS7DwgaTdM5iVwKdH9ReA+68Jux3eb7+vaf3b8wy2O+3v3/y0QfRjI2xxUmF8bN58Lc1eX0LG6pmlewCng9vA1oB+OsuYziWVrEL4FGijypYaelp2V2sht4bst+oIXk1kL3ml5B0J3wFM2WMEj6LYowbdNSk9G9HnQKcA0QV98o6Z5UqV2GrpbXgL5qUXXOlmevvLDQK4wU56wFLsu+1VfqdQpgJs1s4BYiKr2XW9OFFuxrLMB6Atzgq49Hl+cgCt3wJFVWIWZIM8t6t/TE8Wpjyl48RXjysG9F/eeR/R7Fl0zZKpWQi4BNeYxS2FQkR9EcXg9MORVfRe4FOYUVgOYTH3jFFHNq+cFXo5aHlwPLOrf06Por8OcwMIjNY31Rv3YkuHfebCf/P85jLLLoiSoii0xIrLQEniKee1GBVYuYpptZbhcvwoJWGRQZlu6J2+m5XMFucIxrxJQYbYBnRkmReXUDY2sMuTHJsw0QDzMqeg/b2RElUDRsxaRMFidlqIXb2RQlUAwdrdXE+nlcjPBAANhQhC7D7hpoAS1FnXRYNcZKlPH6sioX2wZjnlnE7FiE3oNcDrMqai9rVYM7b/wBnA8RHUM9HnHS+mXbzh/yxfltMHemmDOoeQH7VtVEVLanvWk+kFF1orwmVvd4P1LtNUbi82jiXQc8hMIhFMu6EGQdSHejelQI/CbsTjMnQ9tHYuNMHycJaB5hwwGOWhwvFZbWUUfGS/H4wbRRy1Gsy4HRFXJTGzKAPNCwoH/OJenvq/z9cjvhDdlRdWlZNf9iuhAd9AxliV0NJGO+2LOkt+zHEr17F9oAETZbl1zR7V/y5NRHWbiTXddSnQfI5CDEnCoJuG0tU1KT45qzx9e4nbDtR1yDY3ruTuwGgYRfTr34FQOwxYg1ELqXOM5G6OYOly7LInIeose9Dx2DrtiuG1T9Cd5KsqkQMzXozgFFhUwooVcGXCcYCMwMd8U2x640NINoVMJwfkOhW3bU5lk00OVOlUpUtFqwXY9KtoTSz+CyOMWPaBudtOVH1cTSPXs+zsq37aUDbD9cLx5RiWOReULQLjw6laCZyqx0V6/dLaIvIDVLQr6tVTna+eu+QqdjR6Ykb6lpt9kgLvzI+Itz5XFVw6TysGxuqZpvuqHQNQdcn9VyUAvd8j2OvAuS3SE3v4FKW3PFk0AoC259L1G5TCF86+3xQ+a5/W3nuY6IhNvugvDHuDdlmgAE8xPdbWeDJMF5fT87lf+rPBpILBEd6pj/tiRXNo8viFfQyaxbDmGNgqD91F5zA4eRhhwdCSa1qvwXBFRoOgPXdWvzu1t7SsirxiZ2nSdOM5GFf0khSckKLK2oaelaFky4ogpl8TmYkaBTmCzJ9VbRpuLlcLx+OLEkFSvQ3Q9xUdMviKfLRU8lDPkm9j0MYEfUXomPCDwi0D1JRHn1dFONI4m0vEAk1bhUUYe8l1EZXWqt+WXI9kra8yae7B3Ye9OhfCBkyqcQvWcILluT2oQncLwmHUWo4xZgSOO76yc2//7t0aL7f9j0B1GW7J5uqPel3X4U4NSt79SDKK6Fdd7NvySKgeRP/Y4UtNYH7hVq9TwCVFtiGBCQQ4p+rOsH9sR9Sg/cgJhtE1KTxbPpEVYgMocVGcg1HNt4jMAdCp6xqicwOhBdyh2YDw+t/kvOZjs8Q9V7ZMAAAAASUVORK5CYII=";
-;// CONCATENATED MODULE: ../../libs/kit-components/src/constants/borderStyle.ts
-const borderStyle_borderStyleConstants = {
-  ROUNDED: 'ROUNDED',
-  RECTANGULAR: 'RECTANGULAR'
-};
-// EXTERNAL MODULE: ../../node_modules/use-sync-external-store/shim/index.js
-var shim = __webpack_require__(8139);
-// EXTERNAL MODULE: ../../node_modules/use-sync-external-store/shim/with-selector.js
-var with_selector = __webpack_require__(7121);
-// EXTERNAL MODULE: ../../node_modules/react-dom/index.js
-var react_dom = __webpack_require__(3144);
-;// CONCATENATED MODULE: ../../node_modules/react-redux/es/utils/reactBatchedUpdates.js
-
-;// CONCATENATED MODULE: ../../node_modules/react-redux/es/utils/batch.js
-// Default to a dummy "batch" implementation that just runs the callback
-function defaultNoopBatch(callback) {
-  callback();
-}
-
-let batch = (/* unused pure expression or super */ null && (defaultNoopBatch)); // Allow injecting another batching function later
-
-const setBatch = newBatch => batch = newBatch; // Supply a getter just to skip dealing with ESM bindings
-
-const batch_getBatch = () => batch;
-;// CONCATENATED MODULE: ../../node_modules/react-redux/es/components/Context.js
-
-const Context_ReactReduxContext = /*#__PURE__*/(0,react.createContext)(null);
-
-if (false) {}
+;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Loader/loader.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const loader_module = ({"loader":"loader_loader__Vp1Wk","spinner":"loader_spinner__AvfnA"});
+;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Loader/index.tsx
 
-/* harmony default export */ const Context = ((/* unused pure expression or super */ null && (Context_ReactReduxContext)));
-;// CONCATENATED MODULE: ../../node_modules/react-redux/es/hooks/useReduxContext.js
 
+function Loader(props) {
+  const {
+    size
+  } = props;
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    style: {
+      width: size,
+      height: size
+    },
+    className: loader_module['loader']
+  });
+}
+;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Button/button.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const button_module = ({"container":"button_container__Wx2Jn","btn-text":"button_btn-text__rtmpL","fullWidth":"button_fullWidth__ECvUG","primary":"button_primary__q9Ttu","secondary":"button_secondary__8nAxD","customized":"button_customized__U5VRL"});
+;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Button/index.tsx
 
 
-/**
- * A hook to access the value of the `ReactReduxContext`. This is a low-level
- * hook that you should usually not need to call directly.
- *
- * @returns {any} the value of the `ReactReduxContext`
- *
- * @example
- *
- * import React from 'react'
- * import { useReduxContext } from 'react-redux'
- *
- * export const CounterComponent = () => {
- *   const { store } = useReduxContext()
- *   return <div>{store.getState()}</div>
- * }
- */
-function useReduxContext_useReduxContext() {
-  const contextValue = (0,react.useContext)(Context_ReactReduxContext);
 
-  if (false) {}
 
-  return contextValue;
+function Button_Button(props) {
+  const {
+    loading,
+    disabled,
+    label,
+    id,
+    color,
+    icon,
+    onClick,
+    type,
+    fullWidth,
+    customStyle,
+    className
+  } = props;
+  const customStyleToApply = disabled && customStyle != null && customStyle.disabled ? Object.assign({}, customStyle, customStyle.disabled) : customStyle;
+  const {
+    colors,
+    borderStyle
+  } = useSafeSelector(state => state.customization);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
+    style: Object.assign({
+      opacity: disabled && ((colors == null ? void 0 : colors.action) || customStyleToApply) && '0.4',
+      borderRadius: borderStyle === 'ROUNDED' ? '0.5rem' : !borderStyle ? 'revert-layer' : 0
+    }, customStyleToApply, {
+      background: id !== 'apple-pay-button' ? (colors == null ? void 0 : colors.action) || (customStyleToApply == null ? void 0 : customStyleToApply.backgroundColor) : '#000'
+    }),
+    className: [button_module['container'], button_module[color || 'primary'], fullWidth ? button_module['fullWidth'] : '', 'mt-4', ...(className ? [className] : [])].join(' '),
+    onClick: onClick,
+    disabled: disabled,
+    type: type && type,
+    id: id,
+    children: loading ? /*#__PURE__*/(0,jsx_runtime.jsx)(Loader, {
+      size: 16
+    }) : /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+      children: [icon && /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+        src: icon,
+        alt: label
+      }), label && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        className: `${button_module['btn-text']} !border-none`,
+        style: Object.assign({}, (customStyleToApply == null ? void 0 : customStyleToApply['fontSize']) && {
+          fontSize: customStyleToApply['fontSize']
+        }, (customStyleToApply == null ? void 0 : customStyleToApply['fontWeight']) && {
+          fontWeight: customStyleToApply['fontWeight']
+        }),
+        children: label
+      })]
+    })
+  });
 }
-;// CONCATENATED MODULE: ../../node_modules/react-redux/es/utils/useSyncExternalStore.js
-const useSyncExternalStore_notInitialized = () => {
-  throw new Error('uSES not initialized!');
-};
-;// CONCATENATED MODULE: ../../node_modules/react-redux/es/hooks/useSelector.js
-
-
+;// CONCATENATED MODULE: ../../libs/kit-components/src/assets/icons/circle.svg
+var _path;
+var circle_excluded = (/* unused pure expression or super */ null && (["title", "titleId"]));
+function circle_extends() { return circle_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, circle_extends.apply(null, arguments); }
+function circle_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = circle_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function circle_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 
 
-let useSyncExternalStoreWithSelector = useSyncExternalStore_notInitialized;
-const initializeUseSelector = fn => {
-  useSyncExternalStoreWithSelector = fn;
+var SvgCircle = function SvgCircle(_ref, ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = circle_objectWithoutProperties(_ref, circle_excluded);
+  return /*#__PURE__*/React.createElement("svg", circle_extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ref: ref,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M21 12C21 16.9922 16.957 21 12 21C7.00781 21 3 16.9922 3 12C3 7.04297 7.00781 3 12 3C16.957 3 21 7.04297 21 12ZM12 4.6875C7.95703 4.6875 4.6875 7.99219 4.6875 12C4.6875 16.043 7.95703 19.3125 12 19.3125C16.0078 19.3125 19.3125 16.043 19.3125 12C19.3125 7.99219 16.0078 4.6875 12 4.6875Z",
+    fill: "#667085"
+  })));
 };
+var ForwardRef = /*#__PURE__*/(/* unused pure expression or super */ null && (forwardRef(SvgCircle)));
 
-const refEquality = (a, b) => a === b;
-/**
- * Hook factory, which creates a `useSelector` hook bound to a given context.
- *
- * @param {React.Context} [context=ReactReduxContext] Context passed to your `<Provider>`.
- * @returns {Function} A `useSelector` hook bound to the specified context.
- */
-
+/* harmony default export */ const circle = (__webpack_require__.p + "circle.22e1a0a2a35306fe278668ddabc49974.svg");
+;// CONCATENATED MODULE: ../../libs/kit-components/src/assets/icons/check.svg
+var check_path;
+var check_excluded = (/* unused pure expression or super */ null && (["title", "titleId"]));
+function check_extends() { return check_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, check_extends.apply(null, arguments); }
+function check_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = check_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function check_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 
-function createSelectorHook(context = Context_ReactReduxContext) {
-  const useReduxContext = context === Context_ReactReduxContext ? useReduxContext_useReduxContext : () => (0,react.useContext)(context);
-  return function useSelector(selector, equalityFn = refEquality) {
-    if (false) {}
 
-    const {
-      store,
-      subscription,
-      getServerState
-    } = useReduxContext();
-    const selectedState = useSyncExternalStoreWithSelector(subscription.addNestedSub, store.getState, getServerState || store.getState, selector, equalityFn);
-    (0,react.useDebugValue)(selectedState);
-    return selectedState;
+var SvgCheck = function SvgCheck(_ref, ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = check_objectWithoutProperties(_ref, check_excluded);
+  return /*#__PURE__*/React.createElement("svg", check_extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 12.87,
+    height: 9.101,
+    viewBox: "0 0 12.87 9.101",
+    ref: ref,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, check_path || (check_path = /*#__PURE__*/React.createElement("path", {
+    id: "Vector",
+    d: "M0,3.343,3.343,6.686,10.042,0",
+    transform: "translate(1.414 1.414)",
+    fill: "none",
+    stroke: "#1782fb",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2
+  })));
+};
+var check_ForwardRef = /*#__PURE__*/(/* unused pure expression or super */ null && (forwardRef(SvgCheck)));
+
+/* harmony default export */ const icons_check = (__webpack_require__.p + "check.021d9dd3dee18e90e138da39f88ef694.svg");
+;// CONCATENATED MODULE: ../../libs/kit-components/src/assets/icons/chevron-down.svg
+var chevron_down_path;
+var chevron_down_excluded = (/* unused pure expression or super */ null && (["title", "titleId"]));
+function chevron_down_extends() { return chevron_down_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, chevron_down_extends.apply(null, arguments); }
+function chevron_down_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = chevron_down_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function chevron_down_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+
+
+var SvgChevronDown = function SvgChevronDown(_ref, ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = chevron_down_objectWithoutProperties(_ref, chevron_down_excluded);
+  return /*#__PURE__*/React.createElement("svg", chevron_down_extends({
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ref: ref,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, chevron_down_path || (chevron_down_path = /*#__PURE__*/React.createElement("path", {
+    d: "M9.66488 4.69564L6.30746 7.91244C6.20199 8.00033 6.09652 8.03549 6.00863 8.03549C5.90316 8.03549 5.79769 8.00033 5.7098 7.93002L2.3348 4.69564C2.15902 4.53744 2.15902 4.25619 2.31723 4.09799C2.47543 3.92221 2.75668 3.92221 2.91488 4.08041L6.00863 7.03353L9.0848 4.08041C9.24301 3.92221 9.52426 3.92221 9.68246 4.09799C9.84066 4.25619 9.84066 4.53744 9.66488 4.69564Z",
+    fill: "#667085"
+  })));
+};
+var chevron_down_ForwardRef = /*#__PURE__*/(/* unused pure expression or super */ null && (forwardRef(SvgChevronDown)));
+
+/* harmony default export */ const chevron_down = (__webpack_require__.p + "chevron-down.413212cab44b2a7ef0f299360be6f2b1.svg");
+;// CONCATENATED MODULE: ../../libs/kit-components/src/hooks/useCloseDropdown.ts
+
+function useCloseDropdown_useCloseDropdown(setShowDropdown) {
+  const inputContainerRef = (0,react.useRef)(null);
+  (0,react.useEffect)(() => {
+    function handleClickOutside(e) {
+      if (inputContainerRef.current && !inputContainerRef.current.contains(e.target)) {
+        setShowDropdown(false);
+      }
+    }
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, []);
+  return inputContainerRef;
+}
+;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Dropdown/DropdownViewTwo.tsx
+
+
+
+
+
+
+
+
+function DropdownViewTwo_Dropdown(props) {
+  const [option, setOptin] = (0,react.useState)(null);
+  const {
+    label,
+    options,
+    onChange,
+    customStyle
+  } = props;
+  const [show, setShow] = (0,react.useState)(false);
+  const {
+    borderStyle
+  } = useSelector_useSelector(state => state.customization);
+  const inputContainerRef = useCloseDropdown_useCloseDropdown(setShow);
+  const selectOption = option => {
+    setOptin(option);
+    onChange(option);
+    setShow(false);
   };
+  const removeSelectedOption = e => {
+    e.stopPropagation();
+    setOptin(null);
+    onChange();
+  };
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    ref: inputContainerRef,
+    className: "h-10",
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: `
+            h-10 box-border flex items-center border  px-2 relative cursor-pointer border-gray-300
+           ${show ? 'border-[#7294FF] shadow-[0_0_2px_4px_#B9CAFF]' : ''}
+           ${borderStyle === borderStyle_borderStyleConstants.RECTANGULAR ? 'rounded-none' : 'rounded-lg'}
+          `,
+      onClick: () => setShow(prev => !prev),
+      style: customStyle,
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: "text-sm font-normal",
+        children: option && option.label ? /*#__PURE__*/(0,jsx_runtime.jsxs)(react.Fragment, {
+          children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+            className: "flex items-center h-8 cursor-pointer",
+            children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+              className: "w-auto h-6 mr-2",
+              src: circle,
+              alt: option.label
+            }), /*#__PURE__*/(0,jsx_runtime.jsx)("h6", {
+              className: "text-sm block my-auto mx-0 text-gray-900",
+              children: option.label
+            })]
+          }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+            className: "absolute right-4 top-1/2 -translate-y-1/2 h-5 w-5 text-center text-gray-700 transition-all",
+            onClick: removeSelectedOption,
+            children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+              children: "\u2716"
+            })
+          })]
+        }) : /*#__PURE__*/(0,jsx_runtime.jsxs)(react.Fragment, {
+          children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+            className: "text-sm font-normal text-gray-500",
+            children: label
+          }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+            className: `
+                    absolute right-4 top-1/2 -translate-y-1/2 h-5 w-5 text-center text-gray-700 transition-all
+                    ${show ? 'rotate-180' : 'rotate-0'}
+                  `,
+            children: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+              className: "w-5 h-5 object-contain",
+              src: chevron_down,
+              alt: "down arrow"
+            })
+          })]
+        })
+      })
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: `
+            relative invisible border border-gray-300 opacity-0 -translate-y-8 -z-10 transition-all bg-white
+            ${show ? '!opacity-100 translate-y-0 !visible !z-10' : ''}
+            ${borderStyle === 'RECTANGULAR' ? 'rounded-none' : 'rounded-lg'}
+          `,
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
+        className: "list-none max-h-80 overflow-y-scroll",
+        children: options != null && options.length ? options.map(dropDownOption => {
+          return /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
+            className: `
+                      relative p-3 flex cursor-pointer hover:bg-gray-50
+                      ${(option == null ? void 0 : option.value) === dropDownOption.value ? 'bg-gray-50 hover:bg-gray-50' : ''}
+                    `,
+            onClick: () => selectOption(dropDownOption),
+            children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+              className: "w-auto h-6 mr-2",
+              src: circle,
+              alt: dropDownOption.label
+            }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+              className: "text-sm font-medium block my-auto mx-0 text-gray-900",
+              children: dropDownOption.label
+            }), (option == null ? void 0 : option.value) === dropDownOption.value && /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+              className: "absolute right-4 top-1/2 -translate-y-1/2",
+              src: icons_check,
+              alt: "checked"
+            })]
+          }, dropDownOption.value);
+        }) : /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+          className: "py-3 px-4 flex h-8 cursor-pointer hover:bg-[#eeeff4] bg-[#eeeff4] justify-center",
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+            className: "flex items-center",
+            children: "No options"
+          })
+        })
+      })
+    })]
+  });
 }
-/**
- * A hook to access the redux store's state. This hook takes a selector function
- * as an argument. The selector is called with the store state.
- *
- * This hook takes an optional equality comparison function as the second parameter
- * that allows you to customize the way the selected state is compared to determine
- * whether the component needs to be re-rendered.
- *
- * @param {Function} selector the selector function
- * @param {Function=} equalityFn the function that will be used to determine equality
- *
- * @returns {any} the selected state
- *
- * @example
- *
- * import React from 'react'
- * import { useSelector } from 'react-redux'
- *
- * export const CounterComponent = () => {
- *   const counter = useSelector(state => state.counter)
- *   return <div>{counter}</div>
- * }
- */
+// EXTERNAL MODULE: ../../node_modules/react-phone-input-2/lib/lib.js
+var lib = __webpack_require__(3305);
+var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
+;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Phone/phone.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const phone_module = ({"container":"phone_container__GZ4Zc","phone-input-container":"phone_phone-input-container__Jagi-","phone-input":"phone_phone-input__MR5FU","flags-button-dropdown":"phone_flags-button-dropdown__neYpm","countries-dropdown":"phone_countries-dropdown__J3Ovy"});
+;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Phone/index.tsx
 
-const useSelector_useSelector = /*#__PURE__*/createSelectorHook();
-// EXTERNAL MODULE: ../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
-var hoist_non_react_statics_cjs = __webpack_require__(5985);
-// EXTERNAL MODULE: ../../node_modules/react-redux/node_modules/react-is/index.js
-var react_is = __webpack_require__(1524);
-;// CONCATENATED MODULE: ../../node_modules/react-redux/es/utils/Subscription.js
- // encapsulates the subscription logic for connecting a component to the redux store, as
-// well as nesting subscriptions of descendant components, so that we can ensure the
-// ancestor components re-render before descendants
 
-function createListenerCollection() {
-  const batch = getBatch();
-  let first = null;
-  let last = null;
-  return {
-    clear() {
-      first = null;
-      last = null;
-    },
 
-    notify() {
-      batch(() => {
-        let listener = first;
 
-        while (listener) {
-          listener.callback();
-          listener = listener.next;
-        }
-      });
-    },
 
-    get() {
-      let listeners = [];
-      let listener = first;
+const getRegexPhoneTemp = countryName => {
+  switch (countryName) {
+    case 'Jordan':
+      return /^(962)[3]{0,1}[7]{1}[7-9]{1}[0-9]{7}$/;
+    case 'Pakistan':
+      return /^(92)[0-9]{10}$/;
+    case 'Saudi Arabia':
+      return /^(966)[0-9]{9}$/;
+    case 'United Arab Emirates':
+      return /^(971)?(?:50|51|52|55|56|58|2|3|4|6|7|9)\d{7}$/;
+    default:
+      return /^(20)1[0125][0-9]{8}$/;
+  }
+};
+const validatePhone = (value, countryName) => {
+  const regexTemp = getRegexPhoneTemp(countryName);
+  return value.match(regexTemp) ? '' : 'Please enter a valid number';
+};
+function Phone(props) {
+  const {
+    name,
+    value,
+    onChange,
+    error,
+    country,
+    customStyle,
+    disabled
+  } = props;
+  const [phoneError, setPhoneError] = react.useState(error);
+  react.useEffect(() => {
+    setPhoneError(error);
+  }, [error]);
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    className: phone_module['container'],
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)((lib_default()), {
+      containerStyle: customStyle,
+      inputProps: {
+        name,
+        required: true,
+        autoFocus: false
+      },
+      onlyCountries: ['eg', 'ae', 'sa', 'jo', 'pk'],
+      containerClass: phone_module['phone-input-container'],
+      inputClass: phone_module['phone-input'],
+      dropdownClass: phone_module['countries-dropdown'],
+      buttonClass: phone_module['flags-button-dropdown'],
+      country: country || 'eg',
+      value: value,
+      onChange: (value, data, e) => {
+        e.target.value = '+' + value;
+        setPhoneError(validatePhone(value, data.name));
+        return onChange(e);
+      },
+      disabled: disabled
+    }), phoneError && /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
+      children: phoneError
+    })]
+  });
+}
+// EXTERNAL MODULE: ../../node_modules/void-elements/index.js
+var void_elements = __webpack_require__(9002);
+var void_elements_default = /*#__PURE__*/__webpack_require__.n(void_elements);
+;// CONCATENATED MODULE: ../../node_modules/html-parse-stringify/dist/html-parse-stringify.module.js
+var t=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;function n(n){var r={type:"tag",name:"",voidElement:!1,attrs:{},children:[]},i=n.match(/<\/?([^\s]+?)[/\s>]/);if(i&&(r.name=i[1],((void_elements_default())[i[1]]||"/"===n.charAt(n.length-2))&&(r.voidElement=!0),r.name.startsWith("!--"))){var s=n.indexOf("--\x3e");return{type:"comment",comment:-1!==s?n.slice(4,s):""}}for(var a=new RegExp(t),c=null;null!==(c=a.exec(n));)if(c[0].trim())if(c[1]){var o=c[1].trim(),l=[o,""];o.indexOf("=")>-1&&(l=o.split("=")),r.attrs[l[0]]=l[1],a.lastIndex--}else c[2]&&(r.attrs[c[2]]=c[3].trim().substring(1,c[3].length-1));return r}var r=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,i=/^\s*$/,s=Object.create(null);function a(e,t){switch(t.type){case"text":return e+t.content;case"tag":return e+="<"+t.name+(t.attrs?function(e){var t=[];for(var n in e)t.push(n+'="'+e[n]+'"');return t.length?" "+t.join(" "):""}(t.attrs):"")+(t.voidElement?"/>":">"),t.voidElement?e:e+t.children.reduce(a,"")+"</"+t.name+">";case"comment":return e+"\x3c!--"+t.comment+"--\x3e"}}var c={parse:function(e,t){t||(t={}),t.components||(t.components=s);var a,c=[],o=[],l=-1,m=!1;if(0!==e.indexOf("<")){var u=e.indexOf("<");c.push({type:"text",content:-1===u?e:e.substring(0,u)})}return e.replace(r,function(r,s){if(m){if(r!=="</"+a.name+">")return;m=!1}var u,f="/"!==r.charAt(1),h=r.startsWith("\x3c!--"),p=s+r.length,d=e.charAt(p);if(h){var v=n(r);return l<0?(c.push(v),c):((u=o[l]).children.push(v),c)}if(f&&(l++,"tag"===(a=n(r)).type&&t.components[a.name]&&(a.type="component",m=!0),a.voidElement||m||!d||"<"===d||a.children.push({type:"text",content:e.slice(p,e.indexOf("<",p))}),0===l&&c.push(a),(u=o[l-1])&&u.children.push(a),o[l]=a),(!f||a.voidElement)&&(l>-1&&(a.voidElement||a.name===r.slice(2,-1))&&(l--,a=-1===l?c:o[l]),!m&&"<"!==d&&d)){u=-1===l?c:o[l].children;var x=e.indexOf("<",p),g=e.slice(p,-1===x?void 0:x);i.test(g)&&(g=" "),(x>-1&&l+u.length>=0||" "!==g)&&u.push({type:"text",content:g})}}),c},stringify:function(e){return e.reduce(function(e,t){return e+a("",t)},"")}};/* harmony default export */ const html_parse_stringify_module = ((/* unused pure expression or super */ null && (c)));
+//# sourceMappingURL=html-parse-stringify.module.js.map
+
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/utils.js
+function utils_warn() {
+  if (console && console.warn) {
+    var _console;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    if (typeof args[0] === 'string') args[0] = "react-i18next:: ".concat(args[0]);
 
-      while (listener) {
-        listeners.push(listener);
-        listener = listener.next;
-      }
+    (_console = console).warn.apply(_console, args);
+  }
+}
+var alreadyWarned = {};
+function utils_warnOnce() {
+  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    args[_key2] = arguments[_key2];
+  }
 
-      return listeners;
-    },
+  if (typeof args[0] === 'string' && alreadyWarned[args[0]]) return;
+  if (typeof args[0] === 'string') alreadyWarned[args[0]] = new Date();
+  utils_warn.apply(void 0, args);
+}
 
-    subscribe(callback) {
-      let isSubscribed = true;
-      let listener = last = {
-        callback,
-        next: null,
-        prev: last
+var loadedClb = function loadedClb(i18n, cb) {
+  return function () {
+    if (i18n.isInitialized) {
+      cb();
+    } else {
+      var initialized = function initialized() {
+        setTimeout(function () {
+          i18n.off('initialized', initialized);
+        }, 0);
+        cb();
       };
 
-      if (listener.prev) {
-        listener.prev.next = listener;
-      } else {
-        first = listener;
-      }
-
-      return function unsubscribe() {
-        if (!isSubscribed || first === null) return;
-        isSubscribed = false;
+      i18n.on('initialized', initialized);
+    }
+  };
+};
 
-        if (listener.next) {
-          listener.next.prev = listener.prev;
-        } else {
-          last = listener.prev;
-        }
+function loadNamespaces(i18n, ns, cb) {
+  i18n.loadNamespaces(ns, loadedClb(i18n, cb));
+}
+function loadLanguages(i18n, lng, ns, cb) {
+  if (typeof ns === 'string') ns = [ns];
+  ns.forEach(function (n) {
+    if (i18n.options.ns.indexOf(n) < 0) i18n.options.ns.push(n);
+  });
+  i18n.loadLanguages(lng, loadedClb(i18n, cb));
+}
 
-        if (listener.prev) {
-          listener.prev.next = listener.next;
-        } else {
-          first = listener.next;
-        }
-      };
-    }
+function oldI18nextHasLoadedNamespace(ns, i18n) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var lng = i18n.languages[0];
+  var fallbackLng = i18n.options ? i18n.options.fallbackLng : false;
+  var lastLng = i18n.languages[i18n.languages.length - 1];
+  if (lng.toLowerCase() === 'cimode') return true;
 
+  var loadNotPending = function loadNotPending(l, n) {
+    var loadState = i18n.services.backendConnector.state["".concat(l, "|").concat(n)];
+    return loadState === -1 || loadState === 2;
   };
-}
 
-const nullListeners = {
-  notify() {},
+  if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18n.services.backendConnector.backend && i18n.isLanguageChangingTo && !loadNotPending(i18n.isLanguageChangingTo, ns)) return false;
+  if (i18n.hasResourceBundle(lng, ns)) return true;
+  if (!i18n.services.backendConnector.backend || i18n.options.resources && !i18n.options.partialBundledLanguages) return true;
+  if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
+  return false;
+}
 
-  get: () => []
-};
-function Subscription_createSubscription(store, parentSub) {
-  let unsubscribe;
-  let listeners = nullListeners;
+function hasLoadedNamespace(ns, i18n) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
 
-  function addNestedSub(listener) {
-    trySubscribe();
-    return listeners.subscribe(listener);
+  if (!i18n.languages || !i18n.languages.length) {
+    utils_warnOnce('i18n.languages were undefined or empty', i18n.languages);
+    return true;
   }
 
-  function notifyNestedSubs() {
-    listeners.notify();
+  var isNewerI18next = i18n.options.ignoreJSONStructure !== undefined;
+
+  if (!isNewerI18next) {
+    return oldI18nextHasLoadedNamespace(ns, i18n, options);
   }
 
-  function handleChangeWrapper() {
-    if (subscription.onStateChange) {
-      subscription.onStateChange();
+  return i18n.hasLoadedNamespace(ns, {
+    lng: options.lng,
+    precheck: function precheck(i18nInstance, loadNotPending) {
+      if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18nInstance.services.backendConnector.backend && i18nInstance.isLanguageChangingTo && !loadNotPending(i18nInstance.isLanguageChangingTo, ns)) return false;
     }
-  }
+  });
+}
+function utils_getDisplayName(Component) {
+  return Component.displayName || Component.name || (typeof Component === 'string' && Component.length > 0 ? Component : 'Unknown');
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
+function typeof_typeof(o) {
+  "@babel/helpers - typeof";
 
-  function isSubscribed() {
-    return Boolean(unsubscribe);
-  }
+  return typeof_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, typeof_typeof(o);
+}
 
-  function trySubscribe() {
-    if (!unsubscribe) {
-      unsubscribe = parentSub ? parentSub.addNestedSub(handleChangeWrapper) : store.subscribe(handleChangeWrapper);
-      listeners = createListenerCollection();
-    }
-  }
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
-  function tryUnsubscribe() {
-    if (unsubscribe) {
-      unsubscribe();
-      unsubscribe = undefined;
-      listeners.clear();
-      listeners = nullListeners;
-    }
+function toPrimitive(t, r) {
+  if ("object" != typeof_typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof_typeof(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
   }
+  return ("string" === r ? String : Number)(t);
+}
 
-  const subscription = {
-    addNestedSub,
-    notifyNestedSubs,
-    handleChangeWrapper,
-    isSubscribed,
-    trySubscribe,
-    tryUnsubscribe,
-    getListeners: () => listeners
-  };
-  return subscription;
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == typeof_typeof(i) ? i : i + "";
 }
-;// CONCATENATED MODULE: ../../node_modules/react-redux/es/utils/useIsomorphicLayoutEffect.js
- // React currently throws a warning when using useLayoutEffect on the server.
-// To get around it, we can conditionally useEffect on the server (no-op) and
-// useLayoutEffect in the browser. We need useLayoutEffect to ensure the store
-// subscription callback always has the selector from the latest render commit
-// available, otherwise a store update may happen between render and the effect,
-// which may cause missed updates; we also must ensure the store subscription
-// is created synchronously, otherwise a store update may occur before the
-// subscription is created and an inconsistent state may be observed
-// Matches logic in React's `shared/ExecutionEnvironment` file
 
-const canUseDOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
-const useIsomorphicLayoutEffect_useIsomorphicLayoutEffect = (/* unused pure expression or super */ null && (canUseDOM ? useLayoutEffect : useEffect));
-;// CONCATENATED MODULE: ../../node_modules/react-redux/es/components/connect.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+
+function defineProperty_defineProperty(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
 
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/unescape.js
+var matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
+var htmlEntities = {
+  '&amp;': '&',
+  '&#38;': '&',
+  '&lt;': '<',
+  '&#60;': '<',
+  '&gt;': '>',
+  '&#62;': '>',
+  '&apos;': "'",
+  '&#39;': "'",
+  '&quot;': '"',
+  '&#34;': '"',
+  '&nbsp;': ' ',
+  '&#160;': ' ',
+  '&copy;': '©',
+  '&#169;': '©',
+  '&reg;': '®',
+  '&#174;': '®',
+  '&hellip;': '…',
+  '&#8230;': '…',
+  '&#x2F;': '/',
+  '&#47;': '/'
+};
 
-const connect_excluded = (/* unused pure expression or super */ null && (["reactReduxForwardedRef"]));
+var unescapeHtmlEntity = function unescapeHtmlEntity(m) {
+  return htmlEntities[m];
+};
 
-/* eslint-disable valid-jsdoc, @typescript-eslint/no-unused-vars */
+var unescape_unescape = function unescape(text) {
+  return text.replace(matchHtmlEntity, unescapeHtmlEntity);
+};
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/defaults.js
 
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 
+var defaultOptions = {
+  bindI18n: 'languageChanged',
+  bindI18nStore: '',
+  transEmptyNodeValue: '',
+  transSupportBasicHtmlNodes: true,
+  transWrapTextNodes: '',
+  transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],
+  useSuspense: true,
+  unescape: unescape_unescape
+};
+function setDefaults() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  defaultOptions = _objectSpread(_objectSpread({}, defaultOptions), options);
+}
+function defaults_getDefaults() {
+  return defaultOptions;
+}
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/TransWithoutContext.js
 
 
 
+var TransWithoutContext_excluded = (/* unused pure expression or super */ null && (["format"])),
+    _excluded2 = (/* unused pure expression or super */ null && (["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"]));
 
+function TransWithoutContext_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
+function TransWithoutContext_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { TransWithoutContext_ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { TransWithoutContext_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 
 
-let useSyncExternalStore = (/* unused pure expression or super */ null && (notInitialized));
-const initializeConnect = fn => {
-  useSyncExternalStore = fn;
-}; // Define some constant arrays just to avoid re-creating these
 
-const EMPTY_ARRAY = (/* unused pure expression or super */ null && ([null, 0]));
-const NO_SUBSCRIPTION_ARRAY = (/* unused pure expression or super */ null && ([null, null])); // Attempts to stringify whatever not-really-a-component value we were given
-// for logging in an error message
 
-const stringifyComponent = Comp => {
-  try {
-    return JSON.stringify(Comp);
-  } catch (err) {
-    return String(Comp);
-  }
-};
 
-// This is "just" a `useLayoutEffect`, but with two modifications:
-// - we need to fall back to `useEffect` in SSR to avoid annoying warnings
-// - we extract this to a separate function to avoid closing over values
-//   and causing memory leaks
-function useIsomorphicLayoutEffectWithArgs(effectFunc, effectArgs, dependencies) {
-  useIsomorphicLayoutEffect(() => effectFunc(...effectArgs), dependencies);
-} // Effect callback, extracted: assign the latest props values to refs for later usage
 
+function hasChildren(node, checkLength) {
+  if (!node) return false;
+  var base = node.props ? node.props.children : node.children;
+  if (checkLength) return base.length > 0;
+  return !!base;
+}
 
-function captureWrapperProps(lastWrapperProps, lastChildProps, renderIsScheduled, wrapperProps, // actualChildProps: unknown,
-childPropsFromStoreUpdate, notifyNestedSubs) {
-  // We want to capture the wrapper props and child props we used for later comparisons
-  lastWrapperProps.current = wrapperProps;
-  renderIsScheduled.current = false; // If the render was from a store update, clear out that reference and cascade the subscriber update
+function getChildren(node) {
+  if (!node) return [];
+  return node.props ? node.props.children : node.children;
+}
 
-  if (childPropsFromStoreUpdate.current) {
-    childPropsFromStoreUpdate.current = null;
-    notifyNestedSubs();
-  }
-} // Effect callback, extracted: subscribe to the Redux store or nearest connected ancestor,
-// check for updates after dispatched actions, and trigger re-renders.
+function hasValidReactChildren(children) {
+  if (Object.prototype.toString.call(children) !== '[object Array]') return false;
+  return children.every(function (child) {
+    return isValidElement(child);
+  });
+}
 
+function getAsArray(data) {
+  return Array.isArray(data) ? data : [data];
+}
 
-function subscribeUpdates(shouldHandleStateChanges, store, subscription, childPropsSelector, lastWrapperProps, lastChildProps, renderIsScheduled, isMounted, childPropsFromStoreUpdate, notifyNestedSubs, // forceComponentUpdateDispatch: React.Dispatch<any>,
-additionalSubscribeListener) {
-  // If we're not subscribed to the store, nothing to do here
-  if (!shouldHandleStateChanges) return () => {}; // Capture values for checking if and when this component unmounts
+function mergeProps(source, target) {
+  var newTarget = TransWithoutContext_objectSpread({}, target);
 
-  let didUnsubscribe = false;
-  let lastThrownError = null; // We'll run this callback every time a store subscription update propagates to this component
+  newTarget.props = Object.assign(source.props, target.props);
+  return newTarget;
+}
 
-  const checkForUpdates = () => {
-    if (didUnsubscribe || !isMounted.current) {
-      // Don't run stale listeners.
-      // Redux doesn't guarantee unsubscriptions happen until next dispatch.
-      return;
-    } // TODO We're currently calling getState ourselves here, rather than letting `uSES` do it
+function nodesToString(children, i18nOptions) {
+  if (!children) return '';
+  var stringNode = '';
+  var childrenArray = getAsArray(children);
+  var keepArray = i18nOptions.transSupportBasicHtmlNodes && i18nOptions.transKeepBasicHtmlNodesFor ? i18nOptions.transKeepBasicHtmlNodesFor : [];
+  childrenArray.forEach(function (child, childIndex) {
+    if (typeof child === 'string') {
+      stringNode += "".concat(child);
+    } else if (isValidElement(child)) {
+      var childPropsCount = Object.keys(child.props).length;
+      var shouldKeepChild = keepArray.indexOf(child.type) > -1;
+      var childChildren = child.props.children;
 
+      if (!childChildren && shouldKeepChild && childPropsCount === 0) {
+        stringNode += "<".concat(child.type, "/>");
+      } else if (!childChildren && (!shouldKeepChild || childPropsCount !== 0)) {
+        stringNode += "<".concat(childIndex, "></").concat(childIndex, ">");
+      } else if (child.props.i18nIsDynamicList) {
+        stringNode += "<".concat(childIndex, "></").concat(childIndex, ">");
+      } else if (shouldKeepChild && childPropsCount === 1 && typeof childChildren === 'string') {
+        stringNode += "<".concat(child.type, ">").concat(childChildren, "</").concat(child.type, ">");
+      } else {
+        var content = nodesToString(childChildren, i18nOptions);
+        stringNode += "<".concat(childIndex, ">").concat(content, "</").concat(childIndex, ">");
+      }
+    } else if (child === null) {
+      warn("Trans: the passed in value is invalid - seems you passed in a null child.");
+    } else if (_typeof(child) === 'object') {
+      var format = child.format,
+          clone = _objectWithoutProperties(child, TransWithoutContext_excluded);
 
-    const latestStoreState = store.getState();
-    let newChildProps, error;
+      var keys = Object.keys(clone);
 
-    try {
-      // Actually run the selector with the most recent store state and wrapper props
-      // to determine what the child props should be
-      newChildProps = childPropsSelector(latestStoreState, lastWrapperProps.current);
-    } catch (e) {
-      error = e;
-      lastThrownError = e;
+      if (keys.length === 1) {
+        var value = format ? "".concat(keys[0], ", ").concat(format) : keys[0];
+        stringNode += "{{".concat(value, "}}");
+      } else {
+        warn("react-i18next: the passed in object contained more than one variable - the object should look like {{ value, format }} where format is optional.", child);
+      }
+    } else {
+      warn("Trans: the passed in value is invalid - seems you passed in a variable like {number} - please pass in variables for interpolation as full objects like {{number}}.", child);
     }
+  });
+  return stringNode;
+}
 
-    if (!error) {
-      lastThrownError = null;
-    } // If the child props haven't changed, nothing to do here - cascade the subscription update
+function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, shouldUnescape) {
+  if (targetString === '') return [];
+  var keepArray = i18nOptions.transKeepBasicHtmlNodesFor || [];
+  var emptyChildrenButNeedsHandling = targetString && new RegExp(keepArray.join('|')).test(targetString);
+  if (!children && !emptyChildrenButNeedsHandling) return [targetString];
+  var data = {};
 
+  function getData(childs) {
+    var childrenArray = getAsArray(childs);
+    childrenArray.forEach(function (child) {
+      if (typeof child === 'string') return;
+      if (hasChildren(child)) getData(getChildren(child));else if (_typeof(child) === 'object' && !isValidElement(child)) Object.assign(data, child);
+    });
+  }
 
-    if (newChildProps === lastChildProps.current) {
-      if (!renderIsScheduled.current) {
-        notifyNestedSubs();
-      }
-    } else {
-      // Save references to the new child props.  Note that we track the "child props from store update"
-      // as a ref instead of a useState/useReducer because we need a way to determine if that value has
-      // been processed.  If this went into useState/useReducer, we couldn't clear out the value without
-      // forcing another re-render, which we don't want.
-      lastChildProps.current = newChildProps;
-      childPropsFromStoreUpdate.current = newChildProps;
-      renderIsScheduled.current = true; // TODO This is hacky and not how `uSES` is meant to be used
-      // Trigger the React `useSyncExternalStore` subscriber
+  getData(children);
+  var ast = HTML.parse("<0>".concat(targetString, "</0>"));
 
-      additionalSubscribeListener();
-    }
-  }; // Actually subscribe to the nearest connected ancestor (or store)
+  var opts = TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, data), combinedTOpts);
 
+  function renderInner(child, node, rootReactNode) {
+    var childs = getChildren(child);
+    var mappedChildren = mapAST(childs, node.children, rootReactNode);
+    return hasValidReactChildren(childs) && mappedChildren.length === 0 ? childs : mappedChildren;
+  }
 
-  subscription.onStateChange = checkForUpdates;
-  subscription.trySubscribe(); // Pull data from the store after first render in case the store has
-  // changed since we began.
+  function pushTranslatedJSX(child, inner, mem, i, isVoid) {
+    if (child.dummy) child.children = inner;
+    mem.push(cloneElement(child, TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, child.props), {}, {
+      key: i
+    }), isVoid ? undefined : inner));
+  }
 
-  checkForUpdates();
+  function mapAST(reactNode, astNode, rootReactNode) {
+    var reactNodes = getAsArray(reactNode);
+    var astNodes = getAsArray(astNode);
+    return astNodes.reduce(function (mem, node, i) {
+      var translationContent = node.children && node.children[0] && node.children[0].content && i18n.services.interpolator.interpolate(node.children[0].content, opts, i18n.language);
 
-  const unsubscribeWrapper = () => {
-    didUnsubscribe = true;
-    subscription.tryUnsubscribe();
-    subscription.onStateChange = null;
+      if (node.type === 'tag') {
+        var tmp = reactNodes[parseInt(node.name, 10)];
+        if (!tmp && rootReactNode.length === 1 && rootReactNode[0][node.name]) tmp = rootReactNode[0][node.name];
+        if (!tmp) tmp = {};
+        var child = Object.keys(node.attrs).length !== 0 ? mergeProps({
+          props: node.attrs
+        }, tmp) : tmp;
+        var isElement = isValidElement(child);
+        var isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
+        var isEmptyTransWithHTML = emptyChildrenButNeedsHandling && _typeof(child) === 'object' && child.dummy && !isElement;
+        var isKnownComponent = _typeof(children) === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
 
-    if (lastThrownError) {
-      // It's possible that we caught an error due to a bad mapState function, but the
-      // parent re-rendered without this component and we're about to unmount.
-      // This shouldn't happen as long as we do top-down subscriptions correctly, but
-      // if we ever do those wrong, this throw will surface the error in our tests.
-      // In that case, throw the error from here so it doesn't get lost.
-      throw lastThrownError;
-    }
-  };
+        if (typeof child === 'string') {
+          var value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
+          mem.push(value);
+        } else if (hasChildren(child) || isValidTranslationWithChildren) {
+            var inner = renderInner(child, node, rootReactNode);
+            pushTranslatedJSX(child, inner, mem, i);
+          } else if (isEmptyTransWithHTML) {
+          var _inner = mapAST(reactNodes, node.children, rootReactNode);
 
-  return unsubscribeWrapper;
-} // Reducer initial state creation for our update reducer
+          mem.push(cloneElement(child, TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, child.props), {}, {
+            key: i
+          }), _inner));
+        } else if (Number.isNaN(parseFloat(node.name))) {
+          if (isKnownComponent) {
+            var _inner2 = renderInner(child, node, rootReactNode);
 
+            pushTranslatedJSX(child, _inner2, mem, i, node.voidElement);
+          } else if (i18nOptions.transSupportBasicHtmlNodes && keepArray.indexOf(node.name) > -1) {
+            if (node.voidElement) {
+              mem.push(createElement(node.name, {
+                key: "".concat(node.name, "-").concat(i)
+              }));
+            } else {
+              var _inner3 = mapAST(reactNodes, node.children, rootReactNode);
 
-const initStateUpdates = () => EMPTY_ARRAY;
+              mem.push(createElement(node.name, {
+                key: "".concat(node.name, "-").concat(i)
+              }, _inner3));
+            }
+          } else if (node.voidElement) {
+            mem.push("<".concat(node.name, " />"));
+          } else {
+            var _inner4 = mapAST(reactNodes, node.children, rootReactNode);
 
-function strictEqual(a, b) {
-  return a === b;
-}
-/**
- * Infers the type of props that a connector will inject into a component.
- */
+            mem.push("<".concat(node.name, ">").concat(_inner4, "</").concat(node.name, ">"));
+          }
+        } else if (_typeof(child) === 'object' && !isElement) {
+          var content = node.children[0] ? translationContent : null;
+          if (content) mem.push(content);
+        } else if (node.children.length === 1 && translationContent) {
+          mem.push(cloneElement(child, TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, child.props), {}, {
+            key: i
+          }), translationContent));
+        } else {
+          mem.push(cloneElement(child, TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, child.props), {}, {
+            key: i
+          })));
+        }
+      } else if (node.type === 'text') {
+        var wrapTextNodes = i18nOptions.transWrapTextNodes;
 
+        var _content = shouldUnescape ? i18nOptions.unescape(i18n.services.interpolator.interpolate(node.content, opts, i18n.language)) : i18n.services.interpolator.interpolate(node.content, opts, i18n.language);
 
-let hasWarnedAboutDeprecatedPureOption = false;
-/**
- * Connects a React component to a Redux store.
- *
- * - Without arguments, just wraps the component, without changing the behavior / props
- *
- * - If 2 params are passed (3rd param, mergeProps, is skipped), default behavior
- * is to override ownProps (as stated in the docs), so what remains is everything that's
- * not a state or dispatch prop
- *
- * - When 3rd param is passed, we don't know if ownProps propagate and whether they
- * should be valid component props, because it depends on mergeProps implementation.
- * As such, it is the user's responsibility to extend ownProps interface from state or
- * dispatch props or both when applicable
- *
- * @param mapStateToProps A function that extracts values from state
- * @param mapDispatchToProps Setup for dispatching actions
- * @param mergeProps Optional callback to merge state and dispatch props together
- * @param options Options for configuring the connection
- *
- */
+        if (wrapTextNodes) {
+          mem.push(createElement(wrapTextNodes, {
+            key: "".concat(node.name, "-").concat(i)
+          }, _content));
+        } else {
+          mem.push(_content);
+        }
+      }
 
-function connect(mapStateToProps, mapDispatchToProps, mergeProps, {
-  // The `pure` option has been removed, so TS doesn't like us destructuring this to check its existence.
-  // @ts-ignore
-  pure,
-  areStatesEqual = strictEqual,
-  areOwnPropsEqual = shallowEqual,
-  areStatePropsEqual = shallowEqual,
-  areMergedPropsEqual = shallowEqual,
-  // use React's forwardRef to expose a ref of the wrapped component
-  forwardRef = false,
-  // the context consumer to use
-  context = ReactReduxContext
-} = {}) {
-  if (false) {}
+      return mem;
+    }, []);
+  }
 
-  const Context = context;
-  const initMapStateToProps = mapStateToPropsFactory(mapStateToProps);
-  const initMapDispatchToProps = mapDispatchToPropsFactory(mapDispatchToProps);
-  const initMergeProps = mergePropsFactory(mergeProps);
-  const shouldHandleStateChanges = Boolean(mapStateToProps);
+  var result = mapAST([{
+    dummy: true,
+    children: children || []
+  }], ast, getAsArray(children || []));
+  return getChildren(result[0]);
+}
 
-  const wrapWithConnect = WrappedComponent => {
-    if (false) {}
+function Trans(_ref) {
+  var children = _ref.children,
+      count = _ref.count,
+      parent = _ref.parent,
+      i18nKey = _ref.i18nKey,
+      context = _ref.context,
+      _ref$tOptions = _ref.tOptions,
+      tOptions = _ref$tOptions === void 0 ? {} : _ref$tOptions,
+      values = _ref.values,
+      defaults = _ref.defaults,
+      components = _ref.components,
+      ns = _ref.ns,
+      i18nFromProps = _ref.i18n,
+      tFromProps = _ref.t,
+      shouldUnescape = _ref.shouldUnescape,
+      additionalProps = _objectWithoutProperties(_ref, _excluded2);
 
-    const wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
-    const displayName = `Connect(${wrappedComponentName})`;
-    const selectorFactoryOptions = {
-      shouldHandleStateChanges,
-      displayName,
-      wrappedComponentName,
-      WrappedComponent,
-      // @ts-ignore
-      initMapStateToProps,
-      // @ts-ignore
-      initMapDispatchToProps,
-      initMergeProps,
-      areStatesEqual,
-      areStatePropsEqual,
-      areOwnPropsEqual,
-      areMergedPropsEqual
-    };
+  var i18n = i18nFromProps || getI18n();
 
-    function ConnectFunction(props) {
-      const [propsContext, reactReduxForwardedRef, wrapperProps] = useMemo(() => {
-        // Distinguish between actual "data" props that were passed to the wrapper component,
-        // and values needed to control behavior (forwarded refs, alternate context instances).
-        // To maintain the wrapperProps object reference, memoize this destructuring.
-        const {
-          reactReduxForwardedRef
-        } = props,
-              wrapperProps = _objectWithoutPropertiesLoose(props, connect_excluded);
+  if (!i18n) {
+    warnOnce('You will need to pass in an i18next instance by using i18nextReactModule');
+    return children;
+  }
 
-        return [props.context, reactReduxForwardedRef, wrapperProps];
-      }, [props]);
-      const ContextToUse = useMemo(() => {
-        // Users may optionally pass in a custom context instance to use instead of our ReactReduxContext.
-        // Memoize the check that determines which context instance we should use.
-        return propsContext && propsContext.Consumer && // @ts-ignore
-        isContextConsumer( /*#__PURE__*/React.createElement(propsContext.Consumer, null)) ? propsContext : Context;
-      }, [propsContext, Context]); // Retrieve the store and ancestor subscription via context, if available
+  var t = tFromProps || i18n.t.bind(i18n) || function (k) {
+    return k;
+  };
 
-      const contextValue = useContext(ContextToUse); // The store _must_ exist as either a prop or in context.
-      // We'll check to see if it _looks_ like a Redux store first.
-      // This allows us to pass through a `store` prop that is just a plain value.
+  if (context) tOptions.context = context;
 
-      const didStoreComeFromProps = Boolean(props.store) && Boolean(props.store.getState) && Boolean(props.store.dispatch);
-      const didStoreComeFromContext = Boolean(contextValue) && Boolean(contextValue.store);
+  var reactI18nextOptions = TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, getDefaults()), i18n.options && i18n.options.react);
 
-      if (false) {} // Based on the previous check, one of these must be true
+  var namespaces = ns || t.ns || i18n.options && i18n.options.defaultNS;
+  namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
+  var defaultValue = defaults || nodesToString(children, reactI18nextOptions) || reactI18nextOptions.transEmptyNodeValue || i18nKey;
+  var hashTransKey = reactI18nextOptions.hashTransKey;
+  var key = i18nKey || (hashTransKey ? hashTransKey(defaultValue) : defaultValue);
+  var interpolationOverride = values ? tOptions.interpolation : {
+    interpolation: TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, tOptions.interpolation), {}, {
+      prefix: '#$?',
+      suffix: '?$#'
+    })
+  };
+
+  var combinedTOpts = TransWithoutContext_objectSpread(TransWithoutContext_objectSpread(TransWithoutContext_objectSpread(TransWithoutContext_objectSpread({}, tOptions), {}, {
+    count: count
+  }, values), interpolationOverride), {}, {
+    defaultValue: defaultValue,
+    ns: namespaces
+  });
 
+  var translation = key ? t(key, combinedTOpts) : defaultValue;
+  var content = renderNodes(components || children, translation, i18n, reactI18nextOptions, combinedTOpts, shouldUnescape);
+  var useAsParent = parent !== undefined ? parent : reactI18nextOptions.defaultTransParent;
+  return useAsParent ? createElement(useAsParent, additionalProps, content) : content;
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
 
-      const store = didStoreComeFromProps ? props.store : contextValue.store;
-      const getServerState = didStoreComeFromContext ? contextValue.getServerState : store.getState;
-      const childPropsSelector = useMemo(() => {
-        // The child props selector needs the store reference as an input.
-        // Re-create this selector whenever the store changes.
-        return defaultSelectorFactory(store.dispatch, selectorFactoryOptions);
-      }, [store]);
-      const [subscription, notifyNestedSubs] = useMemo(() => {
-        if (!shouldHandleStateChanges) return NO_SUBSCRIPTION_ARRAY; // This Subscription's source should match where store came from: props vs. context. A component
-        // connected to the store via props shouldn't use subscription from context, or vice versa.
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/createClass.js
 
-        const subscription = createSubscription(store, didStoreComeFromProps ? undefined : contextValue.subscription); // `notifyNestedSubs` is duplicated to handle the case where the component is unmounted in
-        // the middle of the notification loop, where `subscription` will then be null. This can
-        // probably be avoided if Subscription's listeners logic is changed to not call listeners
-        // that have been unsubscribed in the  middle of the notification loop.
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
 
-        const notifyNestedSubs = subscription.notifyNestedSubs.bind(subscription);
-        return [subscription, notifyNestedSubs];
-      }, [store, didStoreComeFromProps, contextValue]); // Determine what {store, subscription} value should be put into nested context, if necessary,
-      // and memoize that value to avoid unnecessary context updates.
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/i18nInstance.js
+var i18nInstance;
+function setI18n(instance) {
+  i18nInstance = instance;
+}
+function i18nInstance_getI18n() {
+  return i18nInstance;
+}
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/initReactI18next.js
 
-      const overriddenContextValue = useMemo(() => {
-        if (didStoreComeFromProps) {
-          // This component is directly subscribed to a store from props.
-          // We don't want descendants reading from this store - pass down whatever
-          // the existing context value is from the nearest connected ancestor.
-          return contextValue;
-        } // Otherwise, put this component's subscription instance into context, so that
-        // connected descendants won't update until after this component is done
 
+var initReactI18next = {
+  type: '3rdParty',
+  init: function init(instance) {
+    setDefaults(instance.options.react);
+    setI18n(instance);
+  }
+};
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/context.js
 
-        return _extends({}, contextValue, {
-          subscription
-        });
-      }, [didStoreComeFromProps, contextValue, subscription]); // Set up refs to coordinate values between the subscription effect and the render logic
 
-      const lastChildProps = useRef();
-      const lastWrapperProps = useRef(wrapperProps);
-      const childPropsFromStoreUpdate = useRef();
-      const renderIsScheduled = useRef(false);
-      const isProcessingDispatch = useRef(false);
-      const isMounted = useRef(false);
-      const latestSubscriptionCallbackError = useRef();
-      useIsomorphicLayoutEffect(() => {
-        isMounted.current = true;
-        return () => {
-          isMounted.current = false;
-        };
-      }, []);
-      const actualChildPropsSelector = useMemo(() => {
-        const selector = () => {
-          // Tricky logic here:
-          // - This render may have been triggered by a Redux store update that produced new child props
-          // - However, we may have gotten new wrapper props after that
-          // If we have new child props, and the same wrapper props, we know we should use the new child props as-is.
-          // But, if we have new wrapper props, those might change the child props, so we have to recalculate things.
-          // So, we'll use the child props from store update only if the wrapper props are the same as last time.
-          if (childPropsFromStoreUpdate.current && wrapperProps === lastWrapperProps.current) {
-            return childPropsFromStoreUpdate.current;
-          } // TODO We're reading the store directly in render() here. Bad idea?
-          // This will likely cause Bad Things (TM) to happen in Concurrent Mode.
-          // Note that we do this because on renders _not_ caused by store updates, we need the latest store state
-          // to determine what the child props should be.
 
 
-          return childPropsSelector(store.getState(), wrapperProps);
-        };
+function context_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-        return selector;
-      }, [store, wrapperProps]); // We need this to execute synchronously every time we re-render. However, React warns
-      // about useLayoutEffect in SSR, so we try to detect environment and fall back to
-      // just useEffect instead to avoid the warning, since neither will run anyway.
+function context_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { context_ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { context_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-      const subscribeForReact = useMemo(() => {
-        const subscribe = reactListener => {
-          if (!subscription) {
-            return () => {};
-          }
 
-          return subscribeUpdates(shouldHandleStateChanges, store, subscription, // @ts-ignore
-          childPropsSelector, lastWrapperProps, lastChildProps, renderIsScheduled, isMounted, childPropsFromStoreUpdate, notifyNestedSubs, reactListener);
-        };
 
-        return subscribe;
-      }, [subscription]);
-      useIsomorphicLayoutEffectWithArgs(captureWrapperProps, [lastWrapperProps, lastChildProps, renderIsScheduled, wrapperProps, childPropsFromStoreUpdate, notifyNestedSubs]);
-      let actualChildProps;
 
-      try {
-        actualChildProps = useSyncExternalStore( // TODO We're passing through a big wrapper that does a bunch of extra side effects besides subscribing
-        subscribeForReact, // TODO This is incredibly hacky. We've already processed the store update and calculated new child props,
-        // TODO and we're just passing that through so it triggers a re-render for us rather than relying on `uSES`.
-        actualChildPropsSelector, getServerState ? () => childPropsSelector(getServerState(), wrapperProps) : actualChildPropsSelector);
-      } catch (err) {
-        if (latestSubscriptionCallbackError.current) {
-          ;
-          err.message += `\nThe error may be correlated with this previous error:\n${latestSubscriptionCallbackError.current.stack}\n\n`;
-        }
 
-        throw err;
-      }
 
-      useIsomorphicLayoutEffect(() => {
-        latestSubscriptionCallbackError.current = undefined;
-        childPropsFromStoreUpdate.current = undefined;
-        lastChildProps.current = actualChildProps;
-      }); // Now that all that's done, we can finally try to actually render the child component.
-      // We memoize the elements for the rendered child component as an optimization.
+var context_I18nContext = (0,react.createContext)();
+var ReportNamespaces = function () {
+  function ReportNamespaces() {
+    _classCallCheck(this, ReportNamespaces);
 
-      const renderedWrappedComponent = useMemo(() => {
-        return (
-          /*#__PURE__*/
-          // @ts-ignore
-          React.createElement(WrappedComponent, _extends({}, actualChildProps, {
-            ref: reactReduxForwardedRef
-          }))
-        );
-      }, [reactReduxForwardedRef, WrappedComponent, actualChildProps]); // If React sees the exact same element reference as last time, it bails out of re-rendering
-      // that child, same as if it was wrapped in React.memo() or returned false from shouldComponentUpdate.
+    this.usedNamespaces = {};
+  }
 
-      const renderedChild = useMemo(() => {
-        if (shouldHandleStateChanges) {
-          // If this component is subscribed to store updates, we need to pass its own
-          // subscription instance down to our descendants. That means rendering the same
-          // Context instance, and putting a different value into the context.
-          return /*#__PURE__*/React.createElement(ContextToUse.Provider, {
-            value: overriddenContextValue
-          }, renderedWrappedComponent);
-        }
+  _createClass(ReportNamespaces, [{
+    key: "addUsedNamespaces",
+    value: function addUsedNamespaces(namespaces) {
+      var _this = this;
 
-        return renderedWrappedComponent;
-      }, [ContextToUse, renderedWrappedComponent, overriddenContextValue]);
-      return renderedChild;
+      namespaces.forEach(function (ns) {
+        if (!_this.usedNamespaces[ns]) _this.usedNamespaces[ns] = true;
+      });
+    }
+  }, {
+    key: "getUsedNamespaces",
+    value: function getUsedNamespaces() {
+      return Object.keys(this.usedNamespaces);
     }
+  }]);
 
-    const _Connect = React.memo(ConnectFunction);
+  return ReportNamespaces;
+}();
+function context_composeInitialProps(ForComponent) {
+  return function (ctx) {
+    return new Promise(function (resolve) {
+      var i18nInitialProps = getInitialProps();
 
-    // Add a hacky cast to get the right output type
-    const Connect = _Connect;
-    Connect.WrappedComponent = WrappedComponent;
-    Connect.displayName = ConnectFunction.displayName = displayName;
+      if (ForComponent.getInitialProps) {
+        ForComponent.getInitialProps(ctx).then(function (componentsInitialProps) {
+          resolve(context_objectSpread(context_objectSpread({}, componentsInitialProps), i18nInitialProps));
+        });
+      } else {
+        resolve(i18nInitialProps);
+      }
+    });
+  };
+}
+function getInitialProps() {
+  var i18n = getI18n();
+  var namespaces = i18n.reportNamespaces ? i18n.reportNamespaces.getUsedNamespaces() : [];
+  var ret = {};
+  var initialI18nStore = {};
+  i18n.languages.forEach(function (l) {
+    initialI18nStore[l] = {};
+    namespaces.forEach(function (ns) {
+      initialI18nStore[l][ns] = i18n.getResourceBundle(l, ns) || {};
+    });
+  });
+  ret.initialI18nStore = initialI18nStore;
+  ret.initialLanguage = i18n.language;
+  return ret;
+}
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/Trans.js
 
-    if (forwardRef) {
-      const _forwarded = React.forwardRef(function forwardConnectRef(props, ref) {
-        // @ts-ignore
-        return /*#__PURE__*/React.createElement(Connect, _extends({}, props, {
-          reactReduxForwardedRef: ref
-        }));
-      });
 
-      const forwarded = _forwarded;
-      forwarded.displayName = displayName;
-      forwarded.WrappedComponent = WrappedComponent;
-      return hoistStatics(forwarded, WrappedComponent);
-    }
+var Trans_excluded = (/* unused pure expression or super */ null && (["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"]));
 
-    return hoistStatics(Connect, WrappedComponent);
-  };
+function Trans_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-  return wrapWithConnect;
-}
+function Trans_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Trans_ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Trans_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-/* harmony default export */ const components_connect = ((/* unused pure expression or super */ null && (connect)));
-;// CONCATENATED MODULE: ../../node_modules/react-redux/es/components/Provider.js
 
 
 
 
+function Trans_Trans(_ref) {
+  var children = _ref.children,
+      count = _ref.count,
+      parent = _ref.parent,
+      i18nKey = _ref.i18nKey,
+      context = _ref.context,
+      _ref$tOptions = _ref.tOptions,
+      tOptions = _ref$tOptions === void 0 ? {} : _ref$tOptions,
+      values = _ref.values,
+      defaults = _ref.defaults,
+      components = _ref.components,
+      ns = _ref.ns,
+      i18nFromProps = _ref.i18n,
+      tFromProps = _ref.t,
+      shouldUnescape = _ref.shouldUnescape,
+      additionalProps = _objectWithoutProperties(_ref, Trans_excluded);
 
-function Provider({
-  store,
-  context,
-  children,
-  serverState
-}) {
-  const contextValue = useMemo(() => {
-    const subscription = createSubscription(store);
-    return {
-      store,
-      subscription,
-      getServerState: serverState ? () => serverState : undefined
-    };
-  }, [store, serverState]);
-  const previousState = useMemo(() => store.getState(), [store]);
-  useIsomorphicLayoutEffect(() => {
-    const {
-      subscription
-    } = contextValue;
-    subscription.onStateChange = subscription.notifyNestedSubs;
-    subscription.trySubscribe();
+  var _ref2 = useContext(I18nContext) || {},
+      i18nFromContext = _ref2.i18n,
+      defaultNSFromContext = _ref2.defaultNS;
 
-    if (previousState !== store.getState()) {
-      subscription.notifyNestedSubs();
+  var i18n = i18nFromProps || i18nFromContext || getI18n();
+  var t = tFromProps || i18n && i18n.t.bind(i18n);
+  return TransWithoutContext(Trans_objectSpread({
+    children: children,
+    count: count,
+    parent: parent,
+    i18nKey: i18nKey,
+    context: context,
+    tOptions: tOptions,
+    values: values,
+    defaults: defaults,
+    components: components,
+    ns: ns || t && t.ns || defaultNSFromContext || i18n && i18n.options && i18n.options.defaultNS,
+    i18n: i18n,
+    t: tFromProps,
+    shouldUnescape: shouldUnescape
+  }, additionalProps));
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
     }
+    return a;
+  }
+}
 
-    return () => {
-      subscription.tryUnsubscribe();
-      subscription.onStateChange = undefined;
-    };
-  }, [contextValue, previousState]);
-  const Context = context || ReactReduxContext; // @ts-ignore 'AnyAction' is assignable to the constraint of type 'A', but 'A' could be instantiated with a different subtype
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
 
-  return /*#__PURE__*/React.createElement(Context.Provider, {
-    value: contextValue
-  }, children);
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
 }
 
-/* harmony default export */ const components_Provider = ((/* unused pure expression or super */ null && (Provider)));
-;// CONCATENATED MODULE: ../../node_modules/react-redux/es/hooks/useStore.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
+function _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.");
+}
 
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js
 
 
-/**
- * Hook factory, which creates a `useStore` hook bound to a given context.
- *
- * @param {React.Context} [context=ReactReduxContext] Context passed to your `<Provider>`.
- * @returns {Function} A `useStore` hook bound to the specified context.
- */
 
-function createStoreHook(context = Context_ReactReduxContext) {
-  const useReduxContext = // @ts-ignore
-  context === Context_ReactReduxContext ? useReduxContext_useReduxContext : () => (0,react.useContext)(context);
-  return function useStore() {
-    const {
-      store
-    } = useReduxContext(); // @ts-ignore
 
-    return store;
-  };
+function slicedToArray_slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
-/**
- * A hook to access the redux store.
- *
- * @returns {any} the redux store
- *
- * @example
- *
- * import React from 'react'
- * import { useStore } from 'react-redux'
- *
- * export const ExampleComponent = () => {
- *   const store = useStore()
- *   return <div>{store.getState()}</div>
- * }
- */
-
-const useStore_useStore = /*#__PURE__*/createStoreHook();
-;// CONCATENATED MODULE: ../../node_modules/react-redux/es/hooks/useDispatch.js
 
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/useTranslation.js
 
-/**
- * Hook factory, which creates a `useDispatch` hook bound to a given context.
- *
- * @param {React.Context} [context=ReactReduxContext] Context passed to your `<Provider>`.
- * @returns {Function} A `useDispatch` hook bound to the specified context.
- */
 
-function createDispatchHook(context = Context_ReactReduxContext) {
-  const useStore = // @ts-ignore
-  context === Context_ReactReduxContext ? useStore_useStore : createStoreHook(context);
-  return function useDispatch() {
-    const store = useStore(); // @ts-ignore
 
-    return store.dispatch;
-  };
-}
-/**
- * A hook to access the redux `dispatch` function.
- *
- * @returns {any|function} redux store's `dispatch` function
- *
- * @example
- *
- * import React, { useCallback } from 'react'
- * import { useDispatch } from 'react-redux'
- *
- * export const CounterComponent = ({ value }) => {
- *   const dispatch = useDispatch()
- *   const increaseCounter = useCallback(() => dispatch({ type: 'increase-counter' }), [])
- *   return (
- *     <div>
- *       <span>{value}</span>
- *       <button onClick={increaseCounter}>Increase counter</button>
- *     </div>
- *   )
- * }
- */
 
-const useDispatch_useDispatch = /*#__PURE__*/createDispatchHook();
-;// CONCATENATED MODULE: ../../node_modules/react-redux/es/exports.js
+function useTranslation_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
+function useTranslation_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { useTranslation_ownKeys(Object(source), true).forEach(function (key) { defineProperty_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { useTranslation_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 
 
 
 
+var usePrevious = function usePrevious(value, ignore) {
+  var ref = (0,react.useRef)();
+  (0,react.useEffect)(function () {
+    ref.current = ignore ? ref.current : value;
+  }, [value, ignore]);
+  return ref.current;
+};
 
+function useTranslation_useTranslation(ns) {
+  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var i18nFromProps = props.i18n;
 
+  var _ref = (0,react.useContext)(context_I18nContext) || {},
+      i18nFromContext = _ref.i18n,
+      defaultNSFromContext = _ref.defaultNS;
 
-;// CONCATENATED MODULE: ../../node_modules/react-redux/es/index.js
-// The primary entry point assumes we're working with standard ReactDOM/RN, but
-// older versions that do not include `useSyncExternalStore` (React 16.9 - 17.x).
-// Because of that, the useSyncExternalStore compat shim is needed.
+  var i18n = i18nFromProps || i18nFromContext || i18nInstance_getI18n();
+  if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
 
+  if (!i18n) {
+    utils_warnOnce('You will need to pass in an i18next instance by using initReactI18next');
 
+    var notReadyT = function notReadyT(k, optsOrDefaultValue) {
+      if (typeof optsOrDefaultValue === 'string') return optsOrDefaultValue;
+      if (optsOrDefaultValue && typeof_typeof(optsOrDefaultValue) === 'object' && typeof optsOrDefaultValue.defaultValue === 'string') return optsOrDefaultValue.defaultValue;
+      return Array.isArray(k) ? k[k.length - 1] : k;
+    };
 
+    var retNotReady = [notReadyT, {}, false];
+    retNotReady.t = notReadyT;
+    retNotReady.i18n = {};
+    retNotReady.ready = false;
+    return retNotReady;
+  }
 
+  if (i18n.options.react && i18n.options.react.wait !== undefined) utils_warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
 
+  var i18nOptions = useTranslation_objectSpread(useTranslation_objectSpread(useTranslation_objectSpread({}, defaults_getDefaults()), i18n.options.react), props);
 
-initializeUseSelector(with_selector.useSyncExternalStoreWithSelector);
-initializeConnect(shim.useSyncExternalStore); // Enable batched updates in our subscriptions for use
-// with standard React renderers (ReactDOM, React Native)
+  var useSuspense = i18nOptions.useSuspense,
+      keyPrefix = i18nOptions.keyPrefix;
+  var namespaces = ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
+  namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
+  if (i18n.reportNamespaces.addUsedNamespaces) i18n.reportNamespaces.addUsedNamespaces(namespaces);
+  var ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every(function (n) {
+    return hasLoadedNamespace(n, i18n, i18nOptions);
+  });
 
-setBatch(react_dom.unstable_batchedUpdates);
+  function getT() {
+    return i18n.getFixedT(props.lng || null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
+  }
 
+  var _useState = (0,react.useState)(getT),
+      _useState2 = slicedToArray_slicedToArray(_useState, 2),
+      t = _useState2[0],
+      setT = _useState2[1];
 
-;// CONCATENATED MODULE: ../../libs/kit-components/src/hooks/useSafeSelector.ts
+  var joinedNS = namespaces.join();
+  if (props.lng) joinedNS = "".concat(props.lng).concat(joinedNS);
+  var previousJoinedNS = usePrevious(joinedNS);
+  var isMounted = (0,react.useRef)(true);
+  (0,react.useEffect)(function () {
+    var bindI18n = i18nOptions.bindI18n,
+        bindI18nStore = i18nOptions.bindI18nStore;
+    isMounted.current = true;
 
-const useSafeSelector = selector => {
-  try {
-    return useSelector_useSelector(selector);
-  } catch (error) {
-    return {};
-  }
-};
-;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Input/InputViewTwo.tsx
+    if (!ready && !useSuspense) {
+      if (props.lng) {
+        loadLanguages(i18n, props.lng, namespaces, function () {
+          if (isMounted.current) setT(getT);
+        });
+      } else {
+        loadNamespaces(i18n, namespaces, function () {
+          if (isMounted.current) setT(getT);
+        });
+      }
+    }
 
+    if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
+      setT(getT);
+    }
 
+    function boundReset() {
+      if (isMounted.current) setT(getT);
+    }
 
+    if (bindI18n && i18n) i18n.on(bindI18n, boundReset);
+    if (bindI18nStore && i18n) i18n.store.on(bindI18nStore, boundReset);
+    return function () {
+      isMounted.current = false;
+      if (bindI18n && i18n) bindI18n.split(' ').forEach(function (e) {
+        return i18n.off(e, boundReset);
+      });
+      if (bindI18nStore && i18n) bindI18nStore.split(' ').forEach(function (e) {
+        return i18n.store.off(e, boundReset);
+      });
+    };
+  }, [i18n, joinedNS]);
+  var isInitial = (0,react.useRef)(true);
+  (0,react.useEffect)(function () {
+    if (isMounted.current && !isInitial.current) {
+      setT(getT);
+    }
 
-function InputViewTwo_InputViewTwo(props) {
-  var _customStyle$placehol;
-  const {
-    name,
-    placeholder,
-    label,
-    onChange,
-    onFocus,
-    onBlur,
-    value,
-    maxLength,
-    className,
-    borderStyle,
-    type,
-    icon,
-    error,
-    inputMode,
-    autoFocus,
-    disabled,
-    customStyle
-  } = props;
-  const {
-    borderStyle: borderStyleState = borderStyle
-  } = useSafeSelector(state => state.customization);
-  const handleChange = e => {
-    const regexIsNumber = /^\d+$/;
-    const isInputEmpty = e.target.value === '';
-    if (type === 'tel' && !isInputEmpty && !regexIsNumber.test(e.target.value)) {
-      return;
+    isInitial.current = false;
+  }, [i18n, keyPrefix]);
+  var ret = [t, i18n, ready];
+  ret.t = t;
+  ret.i18n = i18n;
+  ret.ready = ready;
+  if (ready) return ret;
+  if (!ready && !useSuspense) return ret;
+  throw new Promise(function (resolve) {
+    if (props.lng) {
+      loadLanguages(i18n, props.lng, namespaces, function () {
+        return resolve();
+      });
     } else {
-      onChange && onChange(e);
+      loadNamespaces(i18n, namespaces, function () {
+        return resolve();
+      });
     }
-  };
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-    className: "flex flex-col w-full [&_*]:border-box relative",
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: [`flex justify-between items-center gap-2 py-2.5 px-3 w-full h-10 relative overflow-hidden border border-gray-300 ${borderStyleState === borderStyle_borderStyleConstants.RECTANGULAR ? 'rounded-none' : 'rounded-lg'} bg-white`, className].join(' '),
-      style: customStyle != null && customStyle.input ? customStyle == null ? void 0 : customStyle.input : customStyle,
-      children: [label && /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
-        className: "w-5 h-5 text-sm flex justify-start items-center whitespace-nowrap text-end",
-        htmlFor: name,
-        children: label
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("input", {
-        className: "w-full !rounded-none border-none focus:outline-none [&::placeholder]:text-[var(--placeholder-color)]",
-        style: {
-          paddingInlineEnd: '1rem',
-          backgroundColor: 'inherit',
-          '--placeholder-color': (customStyle == null || (_customStyle$placehol = customStyle.placeholder) == null ? void 0 : _customStyle$placehol.color) || '#667085'
-        },
-        id: name,
-        name: name,
-        type: type,
-        onChange: handleChange,
-        onFocus: onFocus,
-        onBlur: onBlur,
-        placeholder: placeholder ? placeholder : '',
-        maxLength: maxLength,
-        value: value,
-        autoComplete: "off",
-        inputMode: inputMode,
-        autoFocus: autoFocus,
-        disabled: disabled
-      }), icon && icon, error && /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
-        className: "w-3 h-3",
-        src: error_namespaceObject,
-        alt: "error"
-      })]
-    })
   });
 }
-;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Loader/loader.module.scss
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const loader_module = ({"loader":"loader_loader__Vp1Wk","spinner":"loader_spinner__AvfnA"});
-;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Loader/index.tsx
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/withTranslation.js
 
 
-function Loader(props) {
-  const {
-    size
-  } = props;
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-    style: {
-      width: size,
-      height: size
-    },
-    className: loader_module['loader']
-  });
-}
-;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Button/button.module.scss
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const button_module = ({"container":"button_container__Wx2Jn","btn-text":"button_btn-text__rtmpL","fullWidth":"button_fullWidth__ECvUG","primary":"button_primary__q9Ttu","secondary":"button_secondary__8nAxD","customized":"button_customized__U5VRL"});
-;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Button/index.tsx
 
+var withTranslation_excluded = (/* unused pure expression or super */ null && (["forwardedRef"]));
+
+function withTranslation_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
+function withTranslation_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { withTranslation_ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { withTranslation_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 
-function Button_Button(props) {
-  const {
-    loading,
-    disabled,
-    label,
-    id,
-    color,
-    icon,
-    onClick,
-    type,
-    fullWidth,
-    customStyle,
-    className
-  } = props;
-  const customStyleToApply = disabled && customStyle != null && customStyle.disabled ? Object.assign({}, customStyle, customStyle.disabled) : customStyle;
-  const {
-    colors,
-    borderStyle
-  } = useSafeSelector(state => state.customization);
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
-    style: Object.assign({
-      opacity: disabled && ((colors == null ? void 0 : colors.action) || customStyleToApply) && '0.4',
-      borderRadius: borderStyle === 'ROUNDED' ? '0.5rem' : !borderStyle ? 'revert-layer' : 0
-    }, customStyleToApply, {
-      background: id !== 'apple-pay-button' ? (colors == null ? void 0 : colors.action) || (customStyleToApply == null ? void 0 : customStyleToApply.backgroundColor) : '#000'
-    }),
-    className: [button_module['container'], button_module[color || 'primary'], fullWidth ? button_module['fullWidth'] : '', 'w-full', 'mt-4', ...(className ? [className] : [])].join(' '),
-    onClick: onClick,
-    disabled: disabled,
-    type: type && type,
-    id: id,
-    children: loading ? /*#__PURE__*/(0,jsx_runtime.jsx)(Loader, {
-      size: 16
-    }) : /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-      children: [icon && /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
-        src: icon,
-        alt: label
-      }), label && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-        className: `${button_module['btn-text']} !border-none`,
-        style: Object.assign({}, (customStyleToApply == null ? void 0 : customStyleToApply['fontSize']) && {
-          fontSize: customStyleToApply['fontSize']
-        }, (customStyleToApply == null ? void 0 : customStyleToApply['fontWeight']) && {
-          fontWeight: customStyleToApply['fontWeight']
-        }),
-        children: label
-      })]
-    })
-  });
+
+
+function withTranslation(ns) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return function Extend(WrappedComponent) {
+    function I18nextWithTranslation(_ref) {
+      var forwardedRef = _ref.forwardedRef,
+          rest = _objectWithoutProperties(_ref, withTranslation_excluded);
+
+      var _useTranslation = useTranslation(ns, withTranslation_objectSpread(withTranslation_objectSpread({}, rest), {}, {
+        keyPrefix: options.keyPrefix
+      })),
+          _useTranslation2 = _slicedToArray(_useTranslation, 3),
+          t = _useTranslation2[0],
+          i18n = _useTranslation2[1],
+          ready = _useTranslation2[2];
+
+      var passDownProps = withTranslation_objectSpread(withTranslation_objectSpread({}, rest), {}, {
+        t: t,
+        i18n: i18n,
+        tReady: ready
+      });
+
+      if (options.withRef && forwardedRef) {
+        passDownProps.ref = forwardedRef;
+      } else if (!options.withRef && forwardedRef) {
+        passDownProps.forwardedRef = forwardedRef;
+      }
+
+      return createElement(WrappedComponent, passDownProps);
+    }
+
+    I18nextWithTranslation.displayName = "withI18nextTranslation(".concat(getDisplayName(WrappedComponent), ")");
+    I18nextWithTranslation.WrappedComponent = WrappedComponent;
+
+    var forwardRef = function forwardRef(props, ref) {
+      return createElement(I18nextWithTranslation, Object.assign({}, props, {
+        forwardedRef: ref
+      }));
+    };
+
+    return options.withRef ? forwardRefReact(forwardRef) : I18nextWithTranslation;
+  };
 }
-;// CONCATENATED MODULE: ../../libs/kit-components/src/assets/icons/circle.svg
-var _path;
-var circle_excluded = (/* unused pure expression or super */ null && (["title", "titleId"]));
-function circle_extends() { return circle_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, circle_extends.apply(null, arguments); }
-function circle_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = circle_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function circle_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/Translation.js
 
 
-var SvgCircle = function SvgCircle(_ref, ref) {
-  var title = _ref.title,
-    titleId = _ref.titleId,
-    props = circle_objectWithoutProperties(_ref, circle_excluded);
-  return /*#__PURE__*/React.createElement("svg", circle_extends({
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ref: ref,
-    "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M21 12C21 16.9922 16.957 21 12 21C7.00781 21 3 16.9922 3 12C3 7.04297 7.00781 3 12 3C16.957 3 21 7.04297 21 12ZM12 4.6875C7.95703 4.6875 4.6875 7.99219 4.6875 12C4.6875 16.043 7.95703 19.3125 12 19.3125C16.0078 19.3125 19.3125 16.043 19.3125 12C19.3125 7.99219 16.0078 4.6875 12 4.6875Z",
-    fill: "#667085"
-  })));
-};
-var ForwardRef = /*#__PURE__*/(/* unused pure expression or super */ null && (forwardRef(SvgCircle)));
+var Translation_excluded = (/* unused pure expression or super */ null && (["ns", "children"]));
 
-/* harmony default export */ const circle = (__webpack_require__.p + "circle.22e1a0a2a35306fe278668ddabc49974.svg");
-;// CONCATENATED MODULE: ../../libs/kit-components/src/assets/icons/check.svg
-var check_path;
-var check_excluded = (/* unused pure expression or super */ null && (["title", "titleId"]));
-function check_extends() { return check_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, check_extends.apply(null, arguments); }
-function check_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = check_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function check_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function Translation(props) {
+  var ns = props.ns,
+      children = props.children,
+      options = _objectWithoutProperties(props, Translation_excluded);
 
+  var _useTranslation = useTranslation(ns, options),
+      _useTranslation2 = _slicedToArray(_useTranslation, 3),
+      t = _useTranslation2[0],
+      i18n = _useTranslation2[1],
+      ready = _useTranslation2[2];
 
-var SvgCheck = function SvgCheck(_ref, ref) {
-  var title = _ref.title,
-    titleId = _ref.titleId,
-    props = check_objectWithoutProperties(_ref, check_excluded);
-  return /*#__PURE__*/React.createElement("svg", check_extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 12.87,
-    height: 9.101,
-    viewBox: "0 0 12.87 9.101",
-    ref: ref,
-    "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, check_path || (check_path = /*#__PURE__*/React.createElement("path", {
-    id: "Vector",
-    d: "M0,3.343,3.343,6.686,10.042,0",
-    transform: "translate(1.414 1.414)",
-    fill: "none",
-    stroke: "#1782fb",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2
-  })));
-};
-var check_ForwardRef = /*#__PURE__*/(/* unused pure expression or super */ null && (forwardRef(SvgCheck)));
+  return children(t, {
+    i18n: i18n,
+    lng: i18n.language
+  }, ready);
+}
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/I18nextProvider.js
 
-/* harmony default export */ const icons_check = (__webpack_require__.p + "check.021d9dd3dee18e90e138da39f88ef694.svg");
-;// CONCATENATED MODULE: ../../libs/kit-components/src/assets/icons/chevron-down.svg
-var chevron_down_path;
-var chevron_down_excluded = (/* unused pure expression or super */ null && (["title", "titleId"]));
-function chevron_down_extends() { return chevron_down_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, chevron_down_extends.apply(null, arguments); }
-function chevron_down_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = chevron_down_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function chevron_down_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 
+function I18nextProvider(_ref) {
+  var i18n = _ref.i18n,
+      defaultNS = _ref.defaultNS,
+      children = _ref.children;
+  var value = useMemo(function () {
+    return {
+      i18n: i18n,
+      defaultNS: defaultNS
+    };
+  }, [i18n, defaultNS]);
+  return createElement(I18nContext.Provider, {
+    value: value
+  }, children);
+}
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/useSSR.js
+
+
+function useSSR_useSSR(initialI18nStore, initialLanguage) {
+  var props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var i18nFromProps = props.i18n;
+
+  var _ref = useContext(I18nContext) || {},
+      i18nFromContext = _ref.i18n;
 
-var SvgChevronDown = function SvgChevronDown(_ref, ref) {
-  var title = _ref.title,
-    titleId = _ref.titleId,
-    props = chevron_down_objectWithoutProperties(_ref, chevron_down_excluded);
-  return /*#__PURE__*/React.createElement("svg", chevron_down_extends({
-    width: 12,
-    height: 12,
-    viewBox: "0 0 12 12",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ref: ref,
-    "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, chevron_down_path || (chevron_down_path = /*#__PURE__*/React.createElement("path", {
-    d: "M9.66488 4.69564L6.30746 7.91244C6.20199 8.00033 6.09652 8.03549 6.00863 8.03549C5.90316 8.03549 5.79769 8.00033 5.7098 7.93002L2.3348 4.69564C2.15902 4.53744 2.15902 4.25619 2.31723 4.09799C2.47543 3.92221 2.75668 3.92221 2.91488 4.08041L6.00863 7.03353L9.0848 4.08041C9.24301 3.92221 9.52426 3.92221 9.68246 4.09799C9.84066 4.25619 9.84066 4.53744 9.66488 4.69564Z",
-    fill: "#667085"
-  })));
-};
-var chevron_down_ForwardRef = /*#__PURE__*/(/* unused pure expression or super */ null && (forwardRef(SvgChevronDown)));
+  var i18n = i18nFromProps || i18nFromContext || getI18n();
+  if (i18n.options && i18n.options.isClone) return;
 
-/* harmony default export */ const chevron_down = (__webpack_require__.p + "chevron-down.413212cab44b2a7ef0f299360be6f2b1.svg");
-;// CONCATENATED MODULE: ../../libs/kit-components/src/hooks/useCloseDropdown.ts
+  if (initialI18nStore && !i18n.initializedStoreOnce) {
+    i18n.services.resourceStore.data = initialI18nStore;
+    i18n.options.ns = Object.values(initialI18nStore).reduce(function (mem, lngResources) {
+      Object.keys(lngResources).forEach(function (ns) {
+        if (mem.indexOf(ns) < 0) mem.push(ns);
+      });
+      return mem;
+    }, i18n.options.ns);
+    i18n.initializedStoreOnce = true;
+    i18n.isInitialized = true;
+  }
 
-function useCloseDropdown_useCloseDropdown(setShowDropdown) {
-  const inputContainerRef = (0,react.useRef)(null);
-  (0,react.useEffect)(() => {
-    function handleClickOutside(e) {
-      if (inputContainerRef.current && !inputContainerRef.current.contains(e.target)) {
-        setShowDropdown(false);
-      }
-    }
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => document.removeEventListener('mousedown', handleClickOutside);
-  }, []);
-  return inputContainerRef;
+  if (initialLanguage && !i18n.initializedLanguageOnce) {
+    i18n.changeLanguage(initialLanguage);
+    i18n.initializedLanguageOnce = true;
+  }
 }
-;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Dropdown/DropdownViewTwo.tsx
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/withSSR.js
 
 
+var withSSR_excluded = (/* unused pure expression or super */ null && (["initialI18nStore", "initialLanguage"]));
 
+function withSSR_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
+function withSSR_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { withSSR_ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { withSSR_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 
 
 
-function DropdownViewTwo_Dropdown(props) {
-  const [option, setOptin] = (0,react.useState)(null);
-  const {
-    label,
-    options,
-    onChange,
-    customStyle
-  } = props;
-  const [show, setShow] = (0,react.useState)(false);
-  const {
-    borderStyle
-  } = useSelector_useSelector(state => state.customization);
-  const inputContainerRef = useCloseDropdown_useCloseDropdown(setShow);
-  const selectOption = option => {
-    setOptin(option);
-    onChange(option);
-    setShow(false);
-  };
-  const removeSelectedOption = e => {
-    e.stopPropagation();
-    setOptin(null);
-    onChange();
+
+function withSSR() {
+  return function Extend(WrappedComponent) {
+    function I18nextWithSSR(_ref) {
+      var initialI18nStore = _ref.initialI18nStore,
+          initialLanguage = _ref.initialLanguage,
+          rest = _objectWithoutProperties(_ref, withSSR_excluded);
+
+      useSSR(initialI18nStore, initialLanguage);
+      return createElement(WrappedComponent, withSSR_objectSpread({}, rest));
+    }
+
+    I18nextWithSSR.getInitialProps = composeInitialProps(WrappedComponent);
+    I18nextWithSSR.displayName = "withI18nextSSR(".concat(getDisplayName(WrappedComponent), ")");
+    I18nextWithSSR.WrappedComponent = WrappedComponent;
+    return I18nextWithSSR;
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-    ref: inputContainerRef,
-    className: "h-10",
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: `
-            h-10 box-border flex items-center border  px-2 relative cursor-pointer border-gray-300
-           ${show ? 'border-[#7294FF] shadow-[0_0_2px_4px_#B9CAFF]' : ''}
-           ${borderStyle === borderStyle_borderStyleConstants.RECTANGULAR ? 'rounded-none' : 'rounded-lg'}
-          `,
-      onClick: () => setShow(prev => !prev),
-      style: customStyle,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: "text-sm font-normal",
-        children: option && option.label ? /*#__PURE__*/(0,jsx_runtime.jsxs)(react.Fragment, {
-          children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-            className: "flex items-center h-8 cursor-pointer",
-            children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
-              className: "w-auto h-6 mr-2",
-              src: circle,
-              alt: option.label
-            }), /*#__PURE__*/(0,jsx_runtime.jsx)("h6", {
-              className: "text-sm block my-auto mx-0 text-gray-900",
-              children: option.label
-            })]
-          }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-            className: "absolute right-4 top-1/2 -translate-y-1/2 h-5 w-5 text-center text-gray-700 transition-all",
-            onClick: removeSelectedOption,
-            children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-              children: "\u2716"
-            })
-          })]
-        }) : /*#__PURE__*/(0,jsx_runtime.jsxs)(react.Fragment, {
-          children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-            className: "text-sm font-normal text-gray-500",
-            children: label
-          }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-            className: `
-                    absolute right-4 top-1/2 -translate-y-1/2 h-5 w-5 text-center text-gray-700 transition-all
-                    ${show ? 'rotate-180' : 'rotate-0'}
-                  `,
-            children: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
-              className: "w-5 h-5 object-contain",
-              src: chevron_down,
-              alt: "down arrow"
-            })
-          })]
-        })
-      })
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: `
-            relative invisible border border-gray-300 opacity-0 -translate-y-8 -z-10 transition-all bg-white
-            ${show ? '!opacity-100 translate-y-0 !visible !z-10' : ''}
-            ${borderStyle === 'RECTANGULAR' ? 'rounded-none' : 'rounded-lg'}
-          `,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
-        className: "list-none max-h-80 overflow-y-scroll",
-        children: options != null && options.length ? options.map(dropDownOption => {
-          return /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
-            className: `
-                      relative p-3 flex cursor-pointer hover:bg-gray-50
-                      ${(option == null ? void 0 : option.value) === dropDownOption.value ? 'bg-gray-50 hover:bg-gray-50' : ''}
-                    `,
-            onClick: () => selectOption(dropDownOption),
-            children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
-              className: "w-auto h-6 mr-2",
-              src: circle,
-              alt: dropDownOption.label
-            }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-              className: "text-sm font-medium block my-auto mx-0 text-gray-900",
-              children: dropDownOption.label
-            }), (option == null ? void 0 : option.value) === dropDownOption.value && /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
-              className: "absolute right-4 top-1/2 -translate-y-1/2",
-              src: icons_check,
-              alt: "checked"
-            })]
-          }, dropDownOption.value);
-        }) : /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
-          className: "py-3 px-4 flex h-8 cursor-pointer hover:bg-[#eeeff4] bg-[#eeeff4] justify-center",
-          children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-            className: "flex items-center",
-            children: "No options"
-          })
-        })
-      })
-    })]
-  });
 }
-// EXTERNAL MODULE: ../../node_modules/react-phone-input-2/lib/lib.js
-var lib = __webpack_require__(3305);
-var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
-;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Phone/phone.module.scss
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const phone_module = ({"container":"phone_container__GZ4Zc","phone-input-container":"phone_phone-input-container__Jagi-","phone-input":"phone_phone-input__MR5FU","flags-button-dropdown":"phone_flags-button-dropdown__neYpm","countries-dropdown":"phone_countries-dropdown__J3Ovy"});
-;// CONCATENATED MODULE: ../../libs/kit-components/src/components/Phone/index.tsx
+;// CONCATENATED MODULE: ../../node_modules/react-i18next/dist/es/index.js
 
 
 
 
 
-const getRegexPhoneTemp = countryName => {
-  switch (countryName) {
-    case 'Jordan':
-      return /^(962)[3]{0,1}[7]{1}[7-9]{1}[0-9]{7}$/;
-    case 'Pakistan':
-      return /^(92)[0-9]{10}$/;
-    case 'Saudi Arabia':
-      return /^(966)[0-9]{9}$/;
-    case 'United Arab Emirates':
-      return /^(971)?(?:50|51|52|55|56|58|2|3|4|6|7|9)\d{7}$/;
-    default:
-      return /^(20)1[0125][0-9]{8}$/;
-  }
-};
-const validatePhone = (value, countryName) => {
-  const regexTemp = getRegexPhoneTemp(countryName);
-  return value.match(regexTemp) ? '' : 'Please enter a valid number';
-};
-function Phone(props) {
-  const {
-    name,
-    value,
-    onChange,
-    error,
-    country,
-    customStyle,
-    disabled
-  } = props;
-  const [phoneError, setPhoneError] = react.useState(error);
-  react.useEffect(() => {
-    setPhoneError(error);
-  }, [error]);
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-    className: phone_module['container'],
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)((lib_default()), {
-      containerStyle: customStyle,
-      inputProps: {
-        name,
-        required: true,
-        autoFocus: false
-      },
-      onlyCountries: ['eg', 'ae', 'sa', 'jo', 'pk'],
-      containerClass: phone_module['phone-input-container'],
-      inputClass: phone_module['phone-input'],
-      dropdownClass: phone_module['countries-dropdown'],
-      buttonClass: phone_module['flags-button-dropdown'],
-      country: country || 'eg',
-      value: value,
-      onChange: (value, data, e) => {
-        e.target.value = '+' + value;
-        setPhoneError(validatePhone(value, data.name));
-        return onChange(e);
-      },
-      disabled: disabled
-    }), phoneError && /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
-      children: phoneError
-    })]
-  });
-}
+
+
+
+
+
+
+
+var date = function date() {
+  return '';
+};
+var time = function time() {
+  return '';
+};
+var number = function number() {
+  return '';
+};
+var es_select = function select() {
+  return '';
+};
+var plural = function plural() {
+  return '';
+};
+var selectOrdinal = function selectOrdinal() {
+  return '';
+};
 ;// CONCATENATED MODULE: ../../libs/kit-components/src/assets/icons/payment-succesful-1.png
 const payment_succesful_1_namespaceObject = __webpack_require__.p + "payment-succesful-1.dd6ee56033bac452.png";
 ;// CONCATENATED MODULE: ../../libs/kit-components/src/assets/icons/payment-succesful-2.png
@@ -17642,6 +17639,110 @@ function TermsConditions_TermsConditions() {
 
 
 
+;// CONCATENATED MODULE: ../../node_modules/react-loading-skeleton/dist/index.js
+'use client';
+
+
+/**
+ * @internal
+ */
+const SkeletonThemeContext = react.createContext({});
+
+/* eslint-disable react/no-array-index-key */
+const defaultEnableAnimation = true;
+// For performance & cleanliness, don't add any inline styles unless we have to
+function styleOptionsToCssProperties({ baseColor, highlightColor, width, height, borderRadius, circle, direction, duration, enableAnimation = defaultEnableAnimation, }) {
+    const style = {};
+    if (direction === 'rtl')
+        style['--animation-direction'] = 'reverse';
+    if (typeof duration === 'number')
+        style['--animation-duration'] = `${duration}s`;
+    if (!enableAnimation)
+        style['--pseudo-element-display'] = 'none';
+    if (typeof width === 'string' || typeof width === 'number')
+        style.width = width;
+    if (typeof height === 'string' || typeof height === 'number')
+        style.height = height;
+    if (typeof borderRadius === 'string' || typeof borderRadius === 'number')
+        style.borderRadius = borderRadius;
+    if (circle)
+        style.borderRadius = '50%';
+    if (typeof baseColor !== 'undefined')
+        style['--base-color'] = baseColor;
+    if (typeof highlightColor !== 'undefined')
+        style['--highlight-color'] = highlightColor;
+    return style;
+}
+function dist_Skeleton({ count = 1, wrapper: Wrapper, className: customClassName, containerClassName, containerTestId, circle = false, style: styleProp, ...originalPropsStyleOptions }) {
+    var _a, _b, _c;
+    const contextStyleOptions = react.useContext(SkeletonThemeContext);
+    const propsStyleOptions = { ...originalPropsStyleOptions };
+    // DO NOT overwrite style options from the context if `propsStyleOptions`
+    // has properties explicity set to undefined
+    for (const [key, value] of Object.entries(originalPropsStyleOptions)) {
+        if (typeof value === 'undefined') {
+            delete propsStyleOptions[key];
+        }
+    }
+    // Props take priority over context
+    const styleOptions = {
+        ...contextStyleOptions,
+        ...propsStyleOptions,
+        circle,
+    };
+    // `styleProp` has the least priority out of everything
+    const style = {
+        ...styleProp,
+        ...styleOptionsToCssProperties(styleOptions),
+    };
+    let className = 'react-loading-skeleton';
+    if (customClassName)
+        className += ` ${customClassName}`;
+    const inline = (_a = styleOptions.inline) !== null && _a !== void 0 ? _a : false;
+    const elements = [];
+    const countCeil = Math.ceil(count);
+    for (let i = 0; i < countCeil; i++) {
+        let thisStyle = style;
+        if (countCeil > count && i === countCeil - 1) {
+            // count is not an integer and we've reached the last iteration of
+            // the loop, so add a "fractional" skeleton.
+            //
+            // For example, if count is 3.5, we've already added 3 full
+            // skeletons, so now we add one more skeleton that is 0.5 times the
+            // original width.
+            const width = (_b = thisStyle.width) !== null && _b !== void 0 ? _b : '100%'; // 100% is the default since that's what's in the CSS
+            const fractionalPart = count % 1;
+            const fractionalWidth = typeof width === 'number'
+                ? width * fractionalPart
+                : `calc(${width} * ${fractionalPart})`;
+            thisStyle = { ...thisStyle, width: fractionalWidth };
+        }
+        const skeletonSpan = (react.createElement("span", { className: className, style: thisStyle, key: i }, "\u200C"));
+        if (inline) {
+            elements.push(skeletonSpan);
+        }
+        else {
+            // Without the <br />, the skeleton lines will all run together if
+            // `width` is specified
+            elements.push(react.createElement(react.Fragment, { key: i },
+                skeletonSpan,
+                react.createElement("br", null)));
+        }
+    }
+    return (react.createElement("span", { className: containerClassName, "data-testid": containerTestId, "aria-live": "polite", "aria-busy": (_c = styleOptions.enableAnimation) !== null && _c !== void 0 ? _c : defaultEnableAnimation }, Wrapper
+        ? elements.map((el, i) => react.createElement(Wrapper, { key: i }, el))
+        : elements));
+}
+
+function SkeletonTheme({ children, ...styleOptions }) {
+    return (React.createElement(SkeletonThemeContext.Provider, { value: styleOptions }, children));
+}
+
+
+
+// EXTERNAL MODULE: ../../node_modules/card-validator/dist/index.js
+var dist = __webpack_require__(9344);
+var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
 ;// CONCATENATED MODULE: ../../libs/card/src/assets/icons/visa.png
 const visa_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAE5klEQVRoge2WW2xUVRSGv7VnoOUiaYq1M0NnWhQVuZlUQDARExONl4SYkEY0EkiIxWhnWhJIeCCmPpKI0IuRVDAkJmqEBJ8QgUSDD4BIDKSNkgi0M+1Mi1xKKrW3c5YPnTNzzqHl3Xj+p73WXpf/P/tyNgQIECBAgAABAgQIEOD/ColUp3YYZRUgvql7qP11NtN20p8Uize9gdhvF0PlTLanpT0WT36sIk877rDamzOZ9qxjP1zdFA1jvWPUvKDoY8BM4CaQBk7l0q0d9/VKNL6k2HWClAHYylB/pnVroTVAPN4Qs0Q2KXwAEnflj5QYE+3u3j/oLhpNJC+C1BaLyMvZdMupSCLVJxDLu0dz6fK50DwBEKtubFDVPcDsaT7m77l06xK3I5JILhHkEhB2+42l8b6+tl4AA5DJtGez6bY9JWboCUX/dMWWjk7Ya7zkU8+4yYN2ZdMtp6uqtpe7yIPyh0M+mkjVq2rbA8ij6GW/z2B2+skDWCGzthjjQnf34RGj8p2nsNHV3nR512OJ7Ad0gonl3jA6JwfNYeAjH9vdITtUNRIeKZOQLBbRrSJ86w55ZGFjpaIb/eQne2pBwH3qRDihsKOoUFY544qK9+eCvuUKv834yFcAhGQZ6uYvnQDRhX8twApFXDn2uDFf5Hr25QDuwF3gip9HyNYkUJo3h4AMsARAbKZeAYCyh8p/Bv52bBWedcYzZoc3AvNcLD/LZjuGAURZ5q5jMbkCIzI+KDDumjIz1P4lkkhthub7+gPEYvWzUd4revQbUX50caqtqdlSOqWArq7mMaUYjFIRqWmqAVClsH0Exs2EHnClegSImVyBO9c67irs9bWpEjgcqb79W2V1w4t+DnZo1hZgfoGCms/V6FlXyMwxnVc7pYC8xBPeivbqqqrGFUDhPKhyxLkJ8nDfIEP93ft7HCOXzu1WZA9ge0QqK4yak9FEo+tcNRsRTRapcLk/03LBsjnnoQTPTStAjfW92zaqq23Rek8BlVZnvGBBsgooL+SjneA+EUes/nTLLhPSWuC4r10ItDVfg1h8cD2w2DXfAXAj03YVGCiIt2UtTHGIAQZ62q9HE6krwJMAKrIOeLyQrJwb6G0579hWWJeLFv+DgnMDedF3ve0S8HqkOvWaKEeBWfmpUivEGuCoir3dk6T6fDSRWpGvaztfxbmJpt5Ck3Bvo1VAmWPYwj5vqHj3f15A+aLkvMrKHXP8hft7Wo8D3d4Sei8ab1gJrPPWkjeBeqBeIVrQBdFITVPNlCsAoGL/IGoap5jq668YOUba3dt3A4l2ApSOmle1ZOxQLJE6boucF9UbIjJTbTaAPuVKGdSR0jOUjB7yvWceCGNZa6cVELZm/GQZaxjf31PQNi52jPvCPQIIT3QC6KR/jkKdqNYBqKr/1WUpbAvNGZ+vE7LB5b+myC4PYdWQCl+S3/q2yPQCenv3/ROtTp1BecXlHhbLPuiNrAuBuL/mzYGrB25MDvXR6ern57sEmnLpttPR6tRevGfyYH+65Yg/I5pI7nSeMsIDBACoLR+K6LGCLfT29X16yx2zdOnS0J2hW+sd27LNkDPOZco3RRO3PwFdqUjEiFRi28OI9KjaZ3OZ9l+dWLG5oMK2Qq+xYl83bNGdRmURgKj6d0KAAAECBAgQIECAAAEC/HfwLxE/1z0yRxeCAAAAAElFTkSuQmCC";
 ;// CONCATENATED MODULE: ../../libs/card/src/assets/icons/mastercard.png
@@ -18089,9 +18190,7 @@ function cardFormViewTwo_Card(props) {
     if (isValidVisa) setIsValidVisa == null || setIsValidVisa(true);else setIsValidVisa == null || setIsValidVisa(false);
   }, [isValidVisa]);
   useEffect(() => {
-    if (cardType && setIsOmanNetCard) {
-      setIsOmanNetCard(cardType === CARD_TYPES.OMAN);
-    }
+    setIsOmanNetCard == null || setIsOmanNetCard(cardType === CARD_TYPES.OMAN);
   }, [cardType, setIsOmanNetCard]);
   return /*#__PURE__*/_jsxs("form", {
     onSubmit: handleSubmit(onSubmit),
@@ -18418,9 +18517,7 @@ function mobileCardFormViewTwo_MobileCard(props) {
     if (isValidVisa) setIsValidVisa(true);else setIsValidVisa(false);
   }, [isValidVisa]);
   useEffect(() => {
-    if (cardType && setIsOmanNetCard) {
-      setIsOmanNetCard(cardType === CARD_TYPES.OMAN);
-    }
+    setIsOmanNetCard == null || setIsOmanNetCard(cardType === CARD_TYPES.OMAN);
   }, [cardType, setIsOmanNetCard]);
   useEffect(() => {
     if (numberWatch) {
@@ -19753,6 +19850,7 @@ const payWithSavedCard = payload => {
 
 
 
+
 // import { DeleteCard } from '@unified-checkout/card';
 
 
@@ -19789,7 +19887,7 @@ function CardElement({
   const [isActionBtnDisabled, setIsActionBtnDisabled] = (0,react.useState)(false);
   const [shouldSubmitData, setShouldSubmitData] = (0,react.useState)(false);
   const [saveCard, setSaveCard] = (0,react.useState)(false);
-  const [height, setHeight] = (0,react.useState)();
+  const [height, setHeight] = (0,react.useState)(80.5);
   const [errorMessage, setErrorMessage] = (0,react.useState)('');
   const iframeRef = (0,react.useRef)(null);
   const [errors, setErrors] = (0,react.useState)({});
@@ -19819,7 +19917,7 @@ function CardElement({
         }
       }
       if (event.data.iframeCardHight) {
-        setHeight(event.data.iframeCardHight);
+        setHeight(event.data.iframeCardHight + 0.5);
       }
       if (event.data.selectedCardCVV) {
         setSelectedCardCVV(event.data.selectedCardCVV);
@@ -19845,6 +19943,7 @@ function CardElement({
     };
     const handlePaymentResponse = res => {
       var _res$data, _res$data2;
+      setShouldSubmitData(false);
       const cardHolderInput = document.getElementById('name');
       if (cardHolderInput) {
         setTimeout(() => cardHolderInput.disabled = false, 1000);
@@ -19908,6 +20007,7 @@ function CardElement({
     if (iframe && shouldSubmitData) {
       const handlePay = async () => {
         var _iframe$contentWindow;
+        if (loading) return;
         const cardHolderInput = document.getElementById('name');
         if (cardHolderInput) {
           cardHolderInput.disabled = true;
@@ -20021,6 +20121,7 @@ function CardElement({
     setSelectedDeleteCard(card);
   };
   const handleSavedCardSubmit = async () => {
+    if (loading) return;
     setLoading(true);
     if (onBeforePaymentComplete) {
       const result = await onBeforePaymentComplete();
@@ -20115,7 +20216,21 @@ function CardElement({
         })]
       }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: "[&>div:nth-child(even)]:w-[calc(100%-1px)]",
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+        children: [!isIframeLoaded && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+          className: "-mt-1",
+          children: [/*#__PURE__*/(0,jsx_runtime.jsx)(dist_Skeleton, {
+            height: 37
+          }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+            className: "flex gap-1 [&>*]:flex-1",
+            children: [/*#__PURE__*/(0,jsx_runtime.jsx)(dist_Skeleton, {
+              height: 37
+            }), /*#__PURE__*/(0,jsx_runtime.jsx)(dist_Skeleton, {
+              height: 37
+            })]
+          }), /*#__PURE__*/(0,jsx_runtime.jsx)(dist_Skeleton, {
+            height: 37
+          })]
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
           title: 'Elements',
           id: "iFrame",
           ref: iframeRef,
@@ -20130,7 +20245,7 @@ function CardElement({
           frameBorder: "0",
           scrolling: "no",
           width: "100%",
-          height: height && height + 0.5,
+          height: height,
           onLoad: () => setIsIframeLoaded(true)
         }), isIframeLoaded && /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
           children: [!hideCardHolderName && /*#__PURE__*/(0,jsx_runtime.jsx)(components_CardHolder_CardHolder, {
@@ -20153,7 +20268,7 @@ function CardElement({
             })]
           })]
         })]
-      }), isIframeLoaded && /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+      }), /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
         children: [forceSaveCard && /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
           style: customStyle == null ? void 0 : customStyle.label,
           className: "flex h-4 flex-col justify-center text-gray-700 text-sm font-medium leading-6 tracking-[0.01rem]",
@@ -20455,107 +20570,6 @@ function BankDetails(props) {
   });
 }
 /* harmony default export */ const components_BankDetails = (BankDetails);
-;// CONCATENATED MODULE: ../../node_modules/react-loading-skeleton/dist/index.js
-'use client';
-
-
-/**
- * @internal
- */
-const SkeletonThemeContext = react.createContext({});
-
-/* eslint-disable react/no-array-index-key */
-const defaultEnableAnimation = true;
-// For performance & cleanliness, don't add any inline styles unless we have to
-function styleOptionsToCssProperties({ baseColor, highlightColor, width, height, borderRadius, circle, direction, duration, enableAnimation = defaultEnableAnimation, }) {
-    const style = {};
-    if (direction === 'rtl')
-        style['--animation-direction'] = 'reverse';
-    if (typeof duration === 'number')
-        style['--animation-duration'] = `${duration}s`;
-    if (!enableAnimation)
-        style['--pseudo-element-display'] = 'none';
-    if (typeof width === 'string' || typeof width === 'number')
-        style.width = width;
-    if (typeof height === 'string' || typeof height === 'number')
-        style.height = height;
-    if (typeof borderRadius === 'string' || typeof borderRadius === 'number')
-        style.borderRadius = borderRadius;
-    if (circle)
-        style.borderRadius = '50%';
-    if (typeof baseColor !== 'undefined')
-        style['--base-color'] = baseColor;
-    if (typeof highlightColor !== 'undefined')
-        style['--highlight-color'] = highlightColor;
-    return style;
-}
-function dist_Skeleton({ count = 1, wrapper: Wrapper, className: customClassName, containerClassName, containerTestId, circle = false, style: styleProp, ...originalPropsStyleOptions }) {
-    var _a, _b, _c;
-    const contextStyleOptions = react.useContext(SkeletonThemeContext);
-    const propsStyleOptions = { ...originalPropsStyleOptions };
-    // DO NOT overwrite style options from the context if `propsStyleOptions`
-    // has properties explicity set to undefined
-    for (const [key, value] of Object.entries(originalPropsStyleOptions)) {
-        if (typeof value === 'undefined') {
-            delete propsStyleOptions[key];
-        }
-    }
-    // Props take priority over context
-    const styleOptions = {
-        ...contextStyleOptions,
-        ...propsStyleOptions,
-        circle,
-    };
-    // `styleProp` has the least priority out of everything
-    const style = {
-        ...styleProp,
-        ...styleOptionsToCssProperties(styleOptions),
-    };
-    let className = 'react-loading-skeleton';
-    if (customClassName)
-        className += ` ${customClassName}`;
-    const inline = (_a = styleOptions.inline) !== null && _a !== void 0 ? _a : false;
-    const elements = [];
-    const countCeil = Math.ceil(count);
-    for (let i = 0; i < countCeil; i++) {
-        let thisStyle = style;
-        if (countCeil > count && i === countCeil - 1) {
-            // count is not an integer and we've reached the last iteration of
-            // the loop, so add a "fractional" skeleton.
-            //
-            // For example, if count is 3.5, we've already added 3 full
-            // skeletons, so now we add one more skeleton that is 0.5 times the
-            // original width.
-            const width = (_b = thisStyle.width) !== null && _b !== void 0 ? _b : '100%'; // 100% is the default since that's what's in the CSS
-            const fractionalPart = count % 1;
-            const fractionalWidth = typeof width === 'number'
-                ? width * fractionalPart
-                : `calc(${width} * ${fractionalPart})`;
-            thisStyle = { ...thisStyle, width: fractionalWidth };
-        }
-        const skeletonSpan = (react.createElement("span", { className: className, style: thisStyle, key: i }, "\u200C"));
-        if (inline) {
-            elements.push(skeletonSpan);
-        }
-        else {
-            // Without the <br />, the skeleton lines will all run together if
-            // `width` is specified
-            elements.push(react.createElement(react.Fragment, { key: i },
-                skeletonSpan,
-                react.createElement("br", null)));
-        }
-    }
-    return (react.createElement("span", { className: containerClassName, "data-testid": containerTestId, "aria-live": "polite", "aria-busy": (_c = styleOptions.enableAnimation) !== null && _c !== void 0 ? _c : defaultEnableAnimation }, Wrapper
-        ? elements.map((el, i) => react.createElement(Wrapper, { key: i }, el))
-        : elements));
-}
-
-function SkeletonTheme({ children, ...styleOptions }) {
-    return (React.createElement(SkeletonThemeContext.Provider, { value: styleOptions }, children));
-}
-
-
-
 ;// CONCATENATED MODULE: ../../libs/nift/src/components/BankSelection/bank-selection.module.scss
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const bank_selection_module = ({"actions":"bank-selection_actions__fy7Ox"});
@@ -30882,11 +30896,11 @@ const halan_en_namespaceObject = /*#__PURE__*/JSON.parse('{"HALAN_TITLE":"Halan"
 ;// CONCATENATED MODULE: ../../localization/apps/flash/halan/ur.json
 const halan_ur_namespaceObject = /*#__PURE__*/JSON.parse('{"HALAN_TITLE":"Halan","ERR_MSG_INVALID_DATA":"The given data is not valid please check your information","ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong","ERR_MSG_MINIMUM_LOAN_AMOUNT":"The minimum loan amount is EGP 500"}');
 ;// CONCATENATED MODULE: ../../localization/apps/flash/instapay/ar.json
-const instapay_ar_namespaceObject = /*#__PURE__*/JSON.parse('{"LOADING_MODAL_MESSAGE":"Loading...","ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong"}');
+const instapay_ar_namespaceObject = /*#__PURE__*/JSON.parse('{"INSTAPAY_TITLE":"InstaPay","LOADING_MODAL_MESSAGE":"Loading...","ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong"}');
 ;// CONCATENATED MODULE: ../../localization/apps/flash/instapay/en.json
-const instapay_en_namespaceObject = /*#__PURE__*/JSON.parse('{"LOADING_MODAL_MESSAGE":"Loading...","ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong"}');
+const instapay_en_namespaceObject = /*#__PURE__*/JSON.parse('{"INSTAPAY_TITLE":"InstaPay","LOADING_MODAL_MESSAGE":"Loading...","ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong"}');
 ;// CONCATENATED MODULE: ../../localization/apps/flash/instapay/ur.json
-const instapay_ur_namespaceObject = /*#__PURE__*/JSON.parse('{"LOADING_MODAL_MESSAGE":"Loading...","ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong"}');
+const instapay_ur_namespaceObject = /*#__PURE__*/JSON.parse('{"INSTAPAY_TITLE":"InstaPay","LOADING_MODAL_MESSAGE":"Loading...","ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong"}');
 ;// CONCATENATED MODULE: ../../localization/apps/flash/symplv3/ar.json
 const symplv3_ar_namespaceObject = /*#__PURE__*/JSON.parse('{"ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong"}');
 ;// CONCATENATED MODULE: ../../localization/apps/flash/symplv3/en.json
@@ -31366,6 +31380,7 @@ i18next.use(initReactI18next).init({
 
 
 
+
 class Pixel {
   constructor(options) {
     var _options$showPaymobLo;
@@ -31375,6 +31390,8 @@ class Pixel {
     this._baseURL = void 0;
     this._savedCards = void 0;
     this._showSaveCard = void 0;
+    this._root = null;
+    this._error = null;
     this._options = Object.assign({}, options, {
       showPaymobLogo: (_options$showPaymobLo = options.showPaymobLogo) != null ? _options$showPaymobLo : true
     });
@@ -31390,18 +31407,34 @@ class Pixel {
     const publicKey = this._options['publicKey'];
     const clientSecret = this._options['clientSecret'];
     const paymentMethods = this._options['paymentMethods'];
-    const {
-      res,
-      paymentList,
-      savedCards
-    } = await fetchPayments(publicKey, clientSecret, paymentMethods);
-    if (res.status === 200) {
-      this._paymentList = paymentList;
-      this._savedCards = savedCards;
+    const defaultErrorMsg = 'Something went wrong while retrieving payment data.';
+    const containsCardPayment = paymentMethods.some(payment => payment.toLowerCase() === 'card');
+    if (containsCardPayment) {
+      this._paymentList = [{
+        name: 'card',
+        type: 'card',
+        amount: '',
+        currency: ''
+      }];
       this.render();
     }
-    if (res.status === 410 || res.status === 403) {
-      //navigate('/payment-status', { state: { status: 'declined' } });
+    try {
+      const {
+        res,
+        paymentList,
+        savedCards
+      } = await fetchPayments(publicKey, clientSecret, paymentMethods);
+      if (res.status === 200) {
+        this._paymentList = paymentList;
+        this._savedCards = savedCards;
+      } else {
+        var _res$data;
+        this._error = (res == null || (_res$data = res.data) == null ? void 0 : _res$data.msg) || defaultErrorMsg;
+      }
+    } catch (e) {
+      this._error = defaultErrorMsg;
+    } finally {
+      this.render();
     }
   }
   async handleBeforePaymentComplete() {
@@ -31427,8 +31460,21 @@ class Pixel {
     }
   }
   render() {
-    const root = client/* createRoot */.H(document.getElementById(this._options['elementId']));
-    root.render( /*#__PURE__*/(0,jsx_runtime.jsx)(react.StrictMode, {
+    const container = document.getElementById(this._options['elementId']);
+    if (!container) {
+      console.error(`Container with ID ${this._options['elementId']} not found`);
+      return;
+    }
+    if (!this._root) {
+      this._root = client/* createRoot */.H(container);
+    }
+    if (this._error) {
+      this._root.render( /*#__PURE__*/(0,jsx_runtime.jsx)(ErrorMessageViewTwo_ErrorMessage, {
+        errorMessage: this._error
+      }));
+      return;
+    }
+    this._root.render( /*#__PURE__*/(0,jsx_runtime.jsx)(react.StrictMode, {
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(components_Payments, Object.assign({
         baseUrl: this._baseURL,
         paymentList: this._paymentList,
@@ -31451,7 +31497,7 @@ class Pixel {
         onPaymentCancel: this.handleOnPaymentCancel.bind(this)
       }, this._options.cardValidationChanged && {
         onCardValidationChanged: this.handleCardValidationChanged.bind(this)
-      }))
+      }), Date.now())
     }));
   }
 }