@sentecacommerce-theme/lib 0.12.78 → 0.12.83

package/dist/esm/components/ProgressBar/index.js

@@ -1,74 +1,161 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import Router from 'next/router';
 import styled, { css } from 'styled-components';
 import React, { useState, useEffect } from 'react';
 import { useProgressBar } from '../../hooks/useProgressBar';
-export var ProgressBar = (_ref) => {
-  var {
-    height,
-    color,
-    withSpinner = false,
-    spinnerBoxShadow
-  } = _ref;
-  var [isRouteChanging, setIsRouteChanging] = useState(false);
-  var {
-    animationDuration,
-    isFinished,
-    progress
-  } = useProgressBar({
-    isAnimating: isRouteChanging
-  });
-  useEffect(() => {
-    var handleRouteChangeStart = () => {
-      setIsRouteChanging(true);
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+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.");
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _taggedTemplateLiteral(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+function _templateObject() {
+    var data = _taggedTemplateLiteral([
+        "\n  opacity: ",
+        ";\n  pointer-events: none;\n  transition: opacity ",
+        "ms linear;\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
     };
-
-    var handleRouteChangeEnd = () => {
-      setIsRouteChanging(false);
+    return data;
+}
+function _templateObject1() {
+    var data = _taggedTemplateLiteral([
+        "\n  background: ",
+        ";\n  height: ",
+        ";\n  left: 0;\n  margin-left: ",
+        "%;\n  position: fixed;\n  top: 0;\n  transition: margin-left ",
+        "ms linear;\n  width: 100%;\n  z-index: 99999999999999999999;\n"
+    ]);
+    _templateObject1 = function _templateObject1() {
+        return data;
     };
-
-    Router.events.on('routeChangeStart', handleRouteChangeStart);
-    Router.events.on('routeChangeComplete', handleRouteChangeEnd);
-    Router.events.on('routeChangeError', handleRouteChangeEnd);
-    return () => {
-      Router.events.off('routeChangeStart', handleRouteChangeStart);
-      Router.events.off('routeChangeComplete', handleRouteChangeEnd);
-      Router.events.off('routeChangeError', handleRouteChangeEnd);
+    return data;
+}
+function _templateObject2() {
+    var data = _taggedTemplateLiteral([
+        "\n      box-shadow: ",
+        ";\n      display: block;\n      height: 100%;\n      opacity: 1;\n      position: absolute;\n      right: 0;\n      transform: rotate(3deg) translate(0px, -0.4rem);\n      width: 10rem;\n    "
+    ]);
+    _templateObject2 = function _templateObject2() {
+        return data;
     };
-  }, [Router.events]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, {
-    animationDuration: animationDuration,
-    isFinished: isFinished
-  }, /*#__PURE__*/React.createElement(Bar, {
-    progress: progress,
-    animationDuration: animationDuration,
-    height: height,
-    color: color
-  }, /*#__PURE__*/React.createElement(Spinner, {
-    withSpinner: withSpinner,
-    spinnerBoxShadow: spinnerBoxShadow,
-    color: color
-  }))));
+    return data;
+}
+function _templateObject3() {
+    var data = _taggedTemplateLiteral([
+        "\n  ",
+        "\n"
+    ]);
+    _templateObject3 = function _templateObject3() {
+        return data;
+    };
+    return data;
+}
+export var ProgressBar = function(param) {
+    var height = param.height, color = param.color, _withSpinner = param.withSpinner, withSpinner = _withSpinner === void 0 ? false : _withSpinner, spinnerBoxShadow = param.spinnerBoxShadow;
+    var ref = _slicedToArray(useState(false), 2), isRouteChanging = ref[0], setIsRouteChanging = ref[1];
+    var ref1 = useProgressBar({
+        isAnimating: isRouteChanging
+    }), animationDuration = ref1.animationDuration, isFinished = ref1.isFinished, progress = ref1.progress;
+    useEffect(function() {
+        var handleRouteChangeStart = function() {
+            setIsRouteChanging(true);
+        };
+        var handleRouteChangeEnd = function() {
+            setIsRouteChanging(false);
+        };
+        Router.events.on('routeChangeStart', handleRouteChangeStart);
+        Router.events.on('routeChangeComplete', handleRouteChangeEnd);
+        Router.events.on('routeChangeError', handleRouteChangeEnd);
+        return function() {
+            Router.events.off('routeChangeStart', handleRouteChangeStart);
+            Router.events.off('routeChangeComplete', handleRouteChangeEnd);
+            Router.events.off('routeChangeError', handleRouteChangeEnd);
+        };
+    }, [
+        Router.events
+    ]);
+    return(/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Container, {
+        animationDuration: animationDuration,
+        isFinished: isFinished
+    }, /*#__PURE__*/ React.createElement(Bar, {
+        progress: progress,
+        animationDuration: animationDuration,
+        height: height,
+        color: color
+    }, /*#__PURE__*/ React.createElement(Spinner, {
+        withSpinner: withSpinner,
+        spinnerBoxShadow: spinnerBoxShadow,
+        color: color
+    })))));
 };
-var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  opacity: ", ";\n  pointer-events: none;\n  transition: opacity ", "ms linear;\n"])), props => props.isFinished ? 0 : 1, props => props.animationDuration);
-var Bar = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  height: ", ";\n  left: 0;\n  margin-left: ", "%;\n  position: fixed;\n  top: 0;\n  transition: margin-left ", "ms linear;\n  width: 100%;\n  z-index: 99999999999999999999;\n"])), props => {
-  var _props$color;
-
-  return (_props$color = props.color) != null ? _props$color : '#29d';
-}, props => {
-  var _props$height;
-
-  return (_props$height = props.height) != null ? _props$height : '0.2rem';
-}, props => (-1 + props.progress) * 100, props => props.animationDuration);
-var Spinner = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), (_ref2) => {
-  var {
-    withSpinner,
-    spinnerBoxShadow,
-    color
-  } = _ref2;
-  return withSpinner && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", ";\n      display: block;\n      height: 100%;\n      opacity: 1;\n      position: absolute;\n      right: 0;\n      transform: rotate(3deg) translate(0px, -0.4rem);\n      width: 10rem;\n    "])), spinnerBoxShadow != null ? spinnerBoxShadow : "0 0 1rem " + (color != null ? color : '#29d') + ", 0 0 0.5rem " + (color != null ? color : '#29d'));
+var Container = styled.div(_templateObject(), function(props) {
+    return props.isFinished ? 0 : 1;
+}, function(props) {
+    return props.animationDuration;
+});
+var _color, _height;
+var Bar = styled.div(_templateObject1(), function(props) {
+    return (_color = props.color) !== null && _color !== void 0 ? _color : '#29d';
+}, function(props) {
+    return (_height = props.height) !== null && _height !== void 0 ? _height : '0.2rem';
+}, function(props) {
+    return (-1 + props.progress) * 100;
+}, function(props) {
+    return props.animationDuration;
+});
+var Spinner = styled.div(_templateObject3(), function(param) {
+    var withSpinner = param.withSpinner, spinnerBoxShadow = param.spinnerBoxShadow, color = param.color;
+    return withSpinner && css(_templateObject2(), spinnerBoxShadow !== null && spinnerBoxShadow !== void 0 ? spinnerBoxShadow : "0 0 1rem ".concat(color !== null && color !== void 0 ? color : '#29d', ", 0 0 0.5rem ").concat(color !== null && color !== void 0 ? color : '#29d'));
 });
-//# sourceMappingURL=index.js.map

package/dist/esm/components/WishlistButton/index.js

@@ -1,38 +1,24 @@
 import React from 'react';
 import { useWishlist } from '../../';
-export var WishlistButton = (_ref) => {
-  var {
-    productId,
-    variantId,
-    collapseKey,
-    children,
-    onAddCallback,
-    onRemoveCallback
-  } = _ref;
-  var {
-    addToWishlist,
-    removeFromWishlist,
-    isInWishlist
-  } = useWishlist({
-    productId,
-    variantId,
-    collapseKey,
-    onAddCallback,
-    onRemoveCallback
-  });
-
-  var onClick = e => {
-    e == null ? void 0 : e.preventDefault();
-    e == null ? void 0 : e.stopPropagation();
-    isInWishlist ? removeFromWishlist() : addToWishlist();
-  };
-
-  var childrenWithProps = React.Children.map(children, child => {
-    return /*#__PURE__*/React.cloneElement(child, {
-      onClick,
-      isFavorite: isInWishlist
+export var WishlistButton = function(param) {
+    var productId = param.productId, variantId = param.variantId, collapseKey = param.collapseKey, children = param.children, onAddCallback = param.onAddCallback, onRemoveCallback = param.onRemoveCallback;
+    var ref = useWishlist({
+        productId: productId,
+        variantId: variantId,
+        collapseKey: collapseKey,
+        onAddCallback: onAddCallback,
+        onRemoveCallback: onRemoveCallback
+    }), addToWishlist = ref.addToWishlist, removeFromWishlist = ref.removeFromWishlist, isInWishlist = ref.isInWishlist;
+    var onClick = function(e) {
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
+        isInWishlist ? removeFromWishlist() : addToWishlist();
+    };
+    var childrenWithProps = React.Children.map(children, function(child) {
+        return React.cloneElement(child, {
+            onClick: onClick,
+            isFavorite: isInWishlist
+        });
     });
-  });
-  return childrenWithProps;
+    return childrenWithProps;
 };
-//# sourceMappingURL=index.js.map

package/dist/esm/components/index.js

@@ -14,4 +14,3 @@ export * from './ExternalScript';
 export * from './GoogleOneTap';
 export * from './Drawer';
 export * from './AnalyticsScripts';
-//# sourceMappingURL=index.js.map

package/dist/esm/config/SentecaProvider.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { HttpClient, Configuration } from '@sentecacommerce/sdk';
 import fetch from 'node-fetch';
@@ -6,75 +5,92 @@ import { getOptions } from '../api/getSDKConfig';
 import { ReactQueryConfigProvider, useQueryCache } from 'react-query';
 import { removeAnonToken, removeAuthToken } from '../utils/tokens';
 import { useRouter } from 'next/router';
-var ConfigStateContext = /*#__PURE__*/React.createContext(undefined);
-export function SentecaProvider(_ref) {
-  var {
-    defaultConfig,
-    transientConfig,
-    localeData,
-    children,
-    disableStaged
-  } = _ref;
-  var queryCache = useQueryCache();
-  var options = getOptions(defaultConfig); // add interfaceKey and storeKey in the headers
-
-  if (localeData) {
-    options.headers = _extends({}, options.headers || {}, {
-      InterfaceKey: localeData.interfaceKey,
-      StoreKey: localeData.storeKey
-    });
-  }
-
-  HttpClient.defaultConfig = new Configuration(options);
-
-  if (transientConfig) {
-    HttpClient.transientConfig = new Configuration(_extends({}, options, transientConfig, {
-      headers: _extends({}, options.headers || {}, transientConfig.headers || {})
-    }));
-  }
-
-  var router = useRouter();
-  React.useEffect(() => {
-    if (disableStaged || router.query.staged !== 'true') return;
-    var pageName = router.pathname;
-
-    if (pageName === '/[[...path]]') {
-      pageName = router.asPath.split('?')[0];
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-
-    router.replace({
-      pathname: '/preview',
-      query: _extends({
-        pageName
-      }, router.query, {
-        staged: 'redirected'
-      })
-    });
-  }, [router, disableStaged]);
-  if (!disableStaged && router.asPath.includes('staged=true')) return null;
-
-  if (!defaultConfig) {
-    throw new Error('SentecaProvider requires a valid config object');
-  }
-
-  defaultConfig.fetchApi = typeof window !== 'undefined' ? window.fetch : fetch;
-  return /*#__PURE__*/React.createElement(ReactQueryConfigProvider, {
-    config: {
-      queries: {
-        onError: e => {
-          if ((e == null ? void 0 : e.statusCode) === 401) {
-            removeAuthToken();
-            removeAnonToken();
-            queryCache.clear();
-          }
+    return obj;
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
         }
-      }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+var ConfigStateContext = /*#__PURE__*/ React.createContext(undefined);
+export function SentecaProvider(param) {
+    var defaultConfig = param.defaultConfig, transientConfig = param.transientConfig, localeData = param.localeData, children = param.children, disableStaged = param.disableStaged;
+    var queryCache = useQueryCache();
+    var options = getOptions(defaultConfig);
+    // add interfaceKey and storeKey in the headers
+    if (localeData) {
+        options.headers = _objectSpread({}, options.headers || {}, {
+            InterfaceKey: localeData.interfaceKey,
+            StoreKey: localeData.storeKey
+        });
     }
-  }, /*#__PURE__*/React.createElement(ConfigStateContext.Provider, {
-    value: {
-      defaultConfig,
-      transientConfig
+    HttpClient.defaultConfig = new Configuration(options);
+    if (transientConfig) {
+        HttpClient.transientConfig = new Configuration(_objectSpread({}, options, transientConfig, {
+            headers: _objectSpread({}, options.headers || {}, transientConfig.headers || {})
+        }));
     }
-  }, children));
+    var router = useRouter();
+    React.useEffect(function() {
+        if (disableStaged || router.query.staged !== 'true') return;
+        var pageName = router.pathname;
+        if (pageName === '/[[...path]]') {
+            pageName = router.asPath.split('?')[0];
+        }
+        router.replace({
+            pathname: '/preview',
+            query: _objectSpread({
+                pageName: pageName
+            }, router.query, {
+                staged: 'redirected'
+            })
+        });
+    }, [
+        router,
+        disableStaged
+    ]);
+    if (!disableStaged && router.asPath.includes('staged=true')) return null;
+    if (!defaultConfig) {
+        throw new Error('SentecaProvider requires a valid config object');
+    }
+    defaultConfig.fetchApi = typeof window !== 'undefined' ? window.fetch : fetch;
+    return(/*#__PURE__*/ React.createElement(ReactQueryConfigProvider, {
+        config: {
+            queries: {
+                onError: function(e) {
+                    if ((e === null || e === void 0 ? void 0 : e.statusCode) === 401) {
+                        removeAuthToken();
+                        removeAnonToken();
+                        queryCache.clear();
+                    }
+                }
+            }
+        }
+    }, /*#__PURE__*/ React.createElement(ConfigStateContext.Provider, {
+        value: {
+            defaultConfig: defaultConfig,
+            transientConfig: transientConfig
+        }
+    }, children)));
 }
-//# sourceMappingURL=SentecaProvider.js.map

package/dist/esm/config/index.js

@@ -1,2 +1 @@
 export * from './SentecaProvider';
-//# sourceMappingURL=index.js.map

package/dist/esm/contexts/CheckoutForm/Components/BoricaRedirect/index.js

@@ -1,69 +1,115 @@
 import React, { useEffect, useRef } from 'react';
-export var BoricaRedirect = (_ref) => {
-  var {
-    formData,
-    isInDevMode = false
-  } = _ref;
-  var formRef = useRef(null);
-  useEffect(() => {
-    if (isInDevMode) return;
-    var timeout = setTimeout(() => {
-      var _formRef$current;
-
-      formRef == null ? void 0 : (_formRef$current = formRef.current) == null ? void 0 : _formRef$current.submit();
-    }, 50);
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [formData, isInDevMode]);
-  return /*#__PURE__*/React.createElement("form", {
-    ref: formRef,
-    action: formData.FORM_ACTION,
-    method: "POST",
-    style: isInDevMode ? {
-      position: 'fixed',
-      zIndex: 9999999,
-      width: '100%',
-      height: '100%',
-      background: '#fff',
-      display: 'flex',
-      alignItems: 'center',
-      flexDirection: 'column',
-      justifyContent: 'center',
-      top: 0
-    } : {
-      position: 'absolute',
-      left: '100vw',
-      width: '10px',
-      top: '400vh',
-      overflow: 'hidden'
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
     }
-  }, (Object.entries(formData) || []).map((_ref2, index) => {
-    var [name, value] = _ref2;
-    var fieldName = ['CUST_BOR_ORDER_ID'].includes(name) ? 'AD.' + name : name;
-    return /*#__PURE__*/React.createElement("div", {
-      key: name,
-      style: {
-        margin: 6
-      }
-    }, /*#__PURE__*/React.createElement("label", {
-      style: {
-        width: 169,
-        display: 'inline-block'
-      }
-    }, fieldName), /*#__PURE__*/React.createElement("input", {
-      type: formData['BACKREF'] || isInDevMode ? 'text' : 'hidden',
-      name: fieldName,
-      value: value,
-      key: index,
-      style: {
-        width: 333,
-        border: '1px solid #000  '
-      }
-    }));
-  }), isInDevMode ? /*#__PURE__*/React.createElement("input", {
-    type: "submit",
-    value: "SUBMIT"
-  }) : null);
+    return _arr;
+}
+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.");
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+export var BoricaRedirect = function(param1) {
+    var formData = param1.formData, _isInDevMode = param1.isInDevMode, isInDevMode = _isInDevMode === void 0 ? false : _isInDevMode;
+    var formRef = useRef(null);
+    useEffect(function() {
+        if (isInDevMode) return;
+        var timeout = setTimeout(function() {
+            var ref;
+            formRef === null || formRef === void 0 ? void 0 : (ref = formRef.current) === null || ref === void 0 ? void 0 : ref.submit();
+        }, 50);
+        return function() {
+            clearTimeout(timeout);
+        };
+    }, [
+        formData,
+        isInDevMode
+    ]);
+    return(/*#__PURE__*/ React.createElement("form", {
+        ref: formRef,
+        action: formData.FORM_ACTION,
+        method: "POST",
+        style: isInDevMode ? {
+            position: 'fixed',
+            zIndex: 9999999,
+            width: '100%',
+            height: '100%',
+            background: '#fff',
+            display: 'flex',
+            alignItems: 'center',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            top: 0
+        } : {
+            position: 'absolute',
+            left: '100vw',
+            width: '10px',
+            top: '400vh',
+            overflow: 'hidden'
+        }
+    }, (Object.entries(formData) || []).map(function(param, index) {
+        var _param = _slicedToArray(param, 2), name = _param[0], value = _param[1];
+        var fieldName = [
+            'CUST_BOR_ORDER_ID'
+        ].includes(name) ? 'AD.' + name : name;
+        return(/*#__PURE__*/ React.createElement("div", {
+            key: name,
+            style: {
+                margin: 6
+            }
+        }, /*#__PURE__*/ React.createElement("label", {
+            style: {
+                width: 169,
+                display: 'inline-block'
+            }
+        }, fieldName), /*#__PURE__*/ React.createElement("input", {
+            type: formData['BACKREF'] || isInDevMode ? 'text' : 'hidden',
+            name: fieldName,
+            value: value,
+            key: index,
+            style: {
+                width: 333,
+                border: '1px solid #000  '
+            }
+        })));
+    }), isInDevMode ? /*#__PURE__*/ React.createElement("input", {
+        type: "submit",
+        value: "SUBMIT"
+    }) : null));
 };
-//# sourceMappingURL=index.js.map