@webiny/app-headless-cms 5.34.8 → 5.35.0-beta.0

package/admin/plugins/fieldRenderers/boolean/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["booleanSwitch"],"sources":["index.ts"],"sourcesContent":["import booleanSwitch from \"./booleanSwitch\";\n\nexport default [booleanSwitch];\n"],"mappings":";;;;;;;;;AAAA;;eAEe,CAACA,sBAAD,C"}
+{"version":3,"names":["booleanSwitch"],"sources":["index.ts"],"sourcesContent":["import booleanSwitch from \"./booleanSwitch\";\n\nexport default [booleanSwitch];\n"],"mappings":";;;;;;;AAAA;AAA4C,eAE7B,CAACA,sBAAa,CAAC;AAAA"}

package/admin/plugins/fieldRenderers/checkboxes.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _i18n = require("@webiny/app/i18n");
-
 var _Checkbox = require("@webiny/ui/Checkbox");
-
 var _templateObject, _templateObject2;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-checkboxes-buttons",
@@ -34,22 +25,20 @@ var plugin = {
     },
     render: function render(_ref2) {
       var field = _ref2.field,
-          getBind = _ref2.getBind;
+        getBind = _ref2.getBind;
       var Bind = getBind();
-
       var _ref3 = field.predefinedValues || {
-        values: []
-      },
-          _ref3$values = _ref3.values,
-          options = _ref3$values === void 0 ? [] : _ref3$values;
-
+          values: []
+        },
+        _ref3$values = _ref3.values,
+        options = _ref3$values === void 0 ? [] : _ref3$values;
       return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
         return /*#__PURE__*/_react.default.createElement(_Checkbox.CheckboxGroup, Object.assign({}, bind, {
           label: field.label,
           description: field.helpText
         }), function (_ref4) {
           var onChange = _ref4.onChange,
-              getValue = _ref4.getValue;
+            getValue = _ref4.getValue;
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, options.map(function (option, index) {
             var value = field.type === "number" ? Number(option.value) : option.value;
             return /*#__PURE__*/_react.default.createElement("div", {

package/admin/plugins/fieldRenderers/checkboxes.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","predefinedValues","values","options","bind","label","helpText","onChange","getValue","map","option","index","value","Number","String"],"sources":["checkboxes.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Checkbox, CheckboxGroup } from \"@webiny/ui/Checkbox\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-checkboxes-buttons\",\n    renderer: {\n        rendererName: \"checkboxes\",\n        name: t`Checkboxes`,\n        description: t`Renders checkboxes, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return !!field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {\n                values: []\n            };\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <CheckboxGroup\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                            >\n                                {({ onChange, getValue }) => (\n                                    <React.Fragment>\n                                        {options.map((option, index) => {\n                                            const value =\n                                                field.type === \"number\"\n                                                    ? Number(option.value)\n                                                    : option.value;\n                                            return (\n                                                <div key={String(option.value) + index}>\n                                                    <Checkbox\n                                                        label={option.label}\n                                                        value={getValue(value)}\n                                                        onChange={onChange(value)}\n                                                        data-testid={`fr.input.${field.label}`}\n                                                    />\n                                                </div>\n                                            );\n                                        })}\n                                    </React.Fragment>\n                                )}\n                            </CheckboxGroup>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,8CAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YADR;IAENF,IAAI,EAAEL,CAAF,6FAFE;IAGNQ,WAAW,EAAER,CAAF,+IAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OAAO,CAAC,CAACA,KAAK,CAACC,cAAR,IAA0B,CAAC,CAAC,IAAAC,YAAA,EAAIF,KAAJ,EAAW,0BAAX,CAAnC;IACH,CANK;IAONG,MAPM,yBAOqB;MAAA,IAAlBH,KAAkB,SAAlBA,KAAkB;MAAA,IAAXI,OAAW,SAAXA,OAAW;MACvB,IAAMC,IAAI,GAAGD,OAAO,EAApB;;MAEA,YAAiCJ,KAAK,CAACM,gBAAN,IAA0B;QACvDC,MAAM,EAAE;MAD+C,CAA3D;MAAA,yBAAQA,MAAR;MAAA,IAAgBC,OAAhB,6BAA0B,EAA1B;;MAIA,oBACI,6BAAC,IAAD,QACK,UAAAC,IAAI,EAAI;QACL,oBACI,6BAAC,uBAAD,oBACQA,IADR;UAEI,KAAK,EAAET,KAAK,CAACU,KAFjB;UAGI,WAAW,EAAEV,KAAK,CAACW;QAHvB,IAKK;UAAA,IAAGC,QAAH,SAAGA,QAAH;UAAA,IAAaC,QAAb,SAAaA,QAAb;UAAA,oBACG,6BAAC,cAAD,CAAO,QAAP,QACKL,OAAO,CAACM,GAAR,CAAY,UAACC,MAAD,EAASC,KAAT,EAAmB;YAC5B,IAAMC,KAAK,GACPjB,KAAK,CAACN,IAAN,KAAe,QAAf,GACMwB,MAAM,CAACH,MAAM,CAACE,KAAR,CADZ,GAEMF,MAAM,CAACE,KAHjB;YAIA,oBACI;cAAK,GAAG,EAAEE,MAAM,CAACJ,MAAM,CAACE,KAAR,CAAN,GAAuBD;YAAjC,gBACI,6BAAC,kBAAD;cACI,KAAK,EAAED,MAAM,CAACL,KADlB;cAEI,KAAK,EAAEG,QAAQ,CAACI,KAAD,CAFnB;cAGI,QAAQ,EAAEL,QAAQ,CAACK,KAAD,CAHtB;cAII,kCAAyBjB,KAAK,CAACU,KAA/B;YAJJ,EADJ,CADJ;UAUH,CAfA,CADL,CADH;QAAA,CALL,CADJ;MA4BH,CA9BL,CADJ;IAkCH;EAhDK;AAH+B,CAA7C;eAuDejB,M"}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","predefinedValues","values","options","bind","label","helpText","onChange","getValue","map","option","index","value","Number","String"],"sources":["checkboxes.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Checkbox, CheckboxGroup } from \"@webiny/ui/Checkbox\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-checkboxes-buttons\",\n    renderer: {\n        rendererName: \"checkboxes\",\n        name: t`Checkboxes`,\n        description: t`Renders checkboxes, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return !!field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {\n                values: []\n            };\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <CheckboxGroup\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                            >\n                                {({ onChange, getValue }) => (\n                                    <React.Fragment>\n                                        {options.map((option, index) => {\n                                            const value =\n                                                field.type === \"number\"\n                                                    ? Number(option.value)\n                                                    : option.value;\n                                            return (\n                                                <div key={String(option.value) + index}>\n                                                    <Checkbox\n                                                        label={option.label}\n                                                        value={getValue(value)}\n                                                        onChange={onChange(value)}\n                                                        data-testid={`fr.input.${field.label}`}\n                                                    />\n                                                </div>\n                                            );\n                                        })}\n                                    </React.Fragment>\n                                )}\n                            </CheckboxGroup>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AAA8D;AAE9D,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEL,CAAC,6FAAY;IACnBQ,WAAW,EAAER,CAAC,+IAA4D;IAC1ES,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OAAO,CAAC,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAC7E,CAAC;IACDG,MAAM,yBAAqB;MAAA,IAAlBH,KAAK,SAALA,KAAK;QAAEI,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,YAAiCJ,KAAK,CAACM,gBAAgB,IAAI;UACvDC,MAAM,EAAE;QACZ,CAAC;QAAA,qBAFOA,MAAM;QAAEC,OAAO,6BAAG,EAAE;MAI5B,oBACI,6BAAC,IAAI,QACA,UAAAC,IAAI,EAAI;QACL,oBACI,6BAAC,uBAAa,oBACNA,IAAI;UACR,KAAK,EAAET,KAAK,CAACU,KAAM;UACnB,WAAW,EAAEV,KAAK,CAACW;QAAS,IAE3B;UAAA,IAAGC,QAAQ,SAARA,QAAQ;YAAEC,QAAQ,SAARA,QAAQ;UAAA,oBAClB,6BAAC,cAAK,CAAC,QAAQ,QACVL,OAAO,CAACM,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK,EAAK;YAC5B,IAAMC,KAAK,GACPjB,KAAK,CAACN,IAAI,KAAK,QAAQ,GACjBwB,MAAM,CAACH,MAAM,CAACE,KAAK,CAAC,GACpBF,MAAM,CAACE,KAAK;YACtB,oBACI;cAAK,GAAG,EAAEE,MAAM,CAACJ,MAAM,CAACE,KAAK,CAAC,GAAGD;YAAM,gBACnC,6BAAC,kBAAQ;cACL,KAAK,EAAED,MAAM,CAACL,KAAM;cACpB,KAAK,EAAEG,QAAQ,CAACI,KAAK,CAAE;cACvB,QAAQ,EAAEL,QAAQ,CAACK,KAAK,CAAE;cAC1B,kCAAyBjB,KAAK,CAACU,KAAK;YAAG,EACzC,CACA;UAEd,CAAC,CAAC,CACW;QAAA,CACpB,CACW;MAExB,CAAC,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEajB,MAAM;AAAA"}

package/admin/plugins/fieldRenderers/dateTime/DateOnly.js

@@ -1,32 +1,22 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DateOnly = void 0;
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Input = require("./Input");
-
 var _utils = require("./utils");
-
 var DateOnly = function DateOnly(props) {
   var _field$settings;
-
   var field = props.field,
-      bind = props.bind,
-      trailingIcon = props.trailingIcon;
+    bind = props.bind,
+    trailingIcon = props.trailingIcon;
   var date = (0, _utils.getDefaultFieldValue)(field, bind, function () {
     return (0, _utils.getCurrentDate)(new Date());
   });
@@ -35,7 +25,6 @@ var DateOnly = function DateOnly(props) {
     if (!date || bindValue === date) {
       return;
     }
-
     bind.onChange(date);
   }, [bindValue]);
   return /*#__PURE__*/_react.default.createElement(_Input.Input, {
@@ -44,39 +33,30 @@ var DateOnly = function DateOnly(props) {
       onChange: function () {
         var _onChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
           return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  if (value) {
-                    _context.next = 4;
-                    break;
-                  }
-
-                  if (bindValue) {
-                    _context.next = 3;
-                    break;
-                  }
-
-                  return _context.abrupt("return");
-
-                case 3:
-                  return _context.abrupt("return", bind.onChange(""));
-
-                case 4:
-                  return _context.abrupt("return", bind.onChange(value));
-
-                case 5:
-                case "end":
-                  return _context.stop();
-              }
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                if (value) {
+                  _context.next = 4;
+                  break;
+                }
+                if (bindValue) {
+                  _context.next = 3;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 3:
+                return _context.abrupt("return", bind.onChange(""));
+              case 4:
+                return _context.abrupt("return", bind.onChange(value));
+              case 5:
+              case "end":
+                return _context.stop();
             }
           }, _callee);
         }));
-
         function onChange(_x) {
           return _onChange.apply(this, arguments);
         }
-
         return onChange;
       }()
     }),
@@ -85,5 +65,4 @@ var DateOnly = function DateOnly(props) {
     trailingIcon: trailingIcon
   });
 };
-
 exports.DateOnly = DateOnly;

package/admin/plugins/fieldRenderers/dateTime/DateOnly.js.map

@@ -1 +1 @@
-{"version":3,"names":["DateOnly","props","field","bind","trailingIcon","date","getDefaultFieldValue","getCurrentDate","Date","bindValue","value","useEffect","onChange","settings","type"],"sources":["DateOnly.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input, TrailingIcon } from \"./Input\";\nimport { CmsModelField } from \"~/types\";\nimport {\n    getCurrentDate,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nexport interface Props {\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const DateOnly: React.FC<Props> = props => {\n    const { field, bind, trailingIcon } = props;\n    const date = getDefaultFieldValue(field, bind, () => {\n        return getCurrentDate(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!date || bindValue === date) {\n            return;\n        }\n        bind.onChange(date);\n    }, [bindValue]);\n\n    return (\n        <Input\n            bind={{\n                ...bind,\n                value: date,\n                onChange: async (value: string) => {\n                    if (!value) {\n                        if (!bindValue) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            field={field}\n            type={field.settings?.type}\n            trailingIcon={trailingIcon}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAYO,IAAMA,QAAyB,GAAG,SAA5BA,QAA4B,CAAAC,KAAK,EAAI;EAAA;;EAC9C,IAAQC,KAAR,GAAsCD,KAAtC,CAAQC,KAAR;EAAA,IAAeC,IAAf,GAAsCF,KAAtC,CAAeE,IAAf;EAAA,IAAqBC,YAArB,GAAsCH,KAAtC,CAAqBG,YAArB;EACA,IAAMC,IAAI,GAAG,IAAAC,2BAAA,EAAqBJ,KAArB,EAA4BC,IAA5B,EAAkC,YAAM;IACjD,OAAO,IAAAI,qBAAA,EAAe,IAAIC,IAAJ,EAAf,CAAP;EACH,CAFY,CAAb;EAIA,IAAMC,SAAS,GAAGN,IAAI,CAACO,KAAL,IAAc,EAAhC;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACZ,IAAI,CAACN,IAAD,IAASI,SAAS,KAAKJ,IAA3B,EAAiC;MAC7B;IACH;;IACDF,IAAI,CAACS,QAAL,CAAcP,IAAd;EACH,CALD,EAKG,CAACI,SAAD,CALH;EAOA,oBACI,6BAAC,YAAD;IACI,IAAI,8DACGN,IADH;MAEAO,KAAK,EAAEL,IAFP;MAGAO,QAAQ;QAAA,uGAAE,iBAAOF,KAAP;UAAA;YAAA;cAAA;gBAAA;kBAAA,IACDA,KADC;oBAAA;oBAAA;kBAAA;;kBAAA,IAEGD,SAFH;oBAAA;oBAAA;kBAAA;;kBAAA;;gBAAA;kBAAA,iCAKKN,IAAI,CAACS,QAAL,CAAc,EAAd,CALL;;gBAAA;kBAAA,iCAOCT,IAAI,CAACS,QAAL,CAAcF,KAAd,CAPD;;gBAAA;gBAAA;kBAAA;cAAA;YAAA;UAAA;QAAA,CAAF;;QAAA;UAAA;QAAA;;QAAA;MAAA;IAHR,EADR;IAcI,KAAK,EAAER,KAdX;IAeI,IAAI,qBAAEA,KAAK,CAACW,QAAR,oDAAE,gBAAgBC,IAf1B;IAgBI,YAAY,EAAEV;EAhBlB,EADJ;AAoBH,CAnCM"}
+{"version":3,"names":["DateOnly","props","field","bind","trailingIcon","date","getDefaultFieldValue","getCurrentDate","Date","bindValue","value","useEffect","onChange","settings","type"],"sources":["DateOnly.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input, TrailingIcon } from \"./Input\";\nimport { CmsModelField } from \"~/types\";\nimport {\n    getCurrentDate,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nexport interface Props {\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const DateOnly: React.FC<Props> = props => {\n    const { field, bind, trailingIcon } = props;\n    const date = getDefaultFieldValue(field, bind, () => {\n        return getCurrentDate(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!date || bindValue === date) {\n            return;\n        }\n        bind.onChange(date);\n    }, [bindValue]);\n\n    return (\n        <Input\n            bind={{\n                ...bind,\n                value: date,\n                onChange: async (value: string) => {\n                    if (!value) {\n                        if (!bindValue) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            field={field}\n            type={field.settings?.type}\n            trailingIcon={trailingIcon}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA;AAYO,IAAMA,QAAyB,GAAG,SAA5BA,QAAyB,CAAGC,KAAK,EAAI;EAAA;EAC9C,IAAQC,KAAK,GAAyBD,KAAK,CAAnCC,KAAK;IAAEC,IAAI,GAAmBF,KAAK,CAA5BE,IAAI;IAAEC,YAAY,GAAKH,KAAK,CAAtBG,YAAY;EACjC,IAAMC,IAAI,GAAG,IAAAC,2BAAoB,EAACJ,KAAK,EAAEC,IAAI,EAAE,YAAM;IACjD,OAAO,IAAAI,qBAAc,EAAC,IAAIC,IAAI,EAAE,CAAC;EACrC,CAAC,CAAC;EAEF,IAAMC,SAAS,GAAGN,IAAI,CAACO,KAAK,IAAI,EAAE;EAElC,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACN,IAAI,IAAII,SAAS,KAAKJ,IAAI,EAAE;MAC7B;IACJ;IACAF,IAAI,CAACS,QAAQ,CAACP,IAAI,CAAC;EACvB,CAAC,EAAE,CAACI,SAAS,CAAC,CAAC;EAEf,oBACI,6BAAC,YAAK;IACF,IAAI,8DACGN,IAAI;MACPO,KAAK,EAAEL,IAAI;MACXO,QAAQ;QAAA,uGAAE,iBAAOF,KAAa;UAAA;YAAA;cAAA;gBAAA,IACrBA,KAAK;kBAAA;kBAAA;gBAAA;gBAAA,IACDD,SAAS;kBAAA;kBAAA;gBAAA;gBAAA;cAAA;gBAAA,iCAGPN,IAAI,CAACS,QAAQ,CAAC,EAAE,CAAC;cAAA;gBAAA,iCAErBT,IAAI,CAACS,QAAQ,CAACF,KAAK,CAAC;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA,CAC9B;QAAA;UAAA;QAAA;QAAA;MAAA;IAAA,EACH;IACF,KAAK,EAAER,KAAM;IACb,IAAI,qBAAEA,KAAK,CAACW,QAAQ,oDAAd,gBAAgBC,IAAK;IAC3B,YAAY,EAAEV;EAAa,EAC7B;AAEV,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/dateTime/DateTimeWithTimezone.js

@@ -1,32 +1,20 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DateTimeWithTimezone = void 0;
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Input = require("./Input");
-
 var _Select = require("./Select");
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _utils = require("./utils");
-
 var parseDateTime = function parseDateTime(value) {
   if (!value || typeof value !== "string") {
     return {
@@ -34,22 +22,18 @@ var parseDateTime = function parseDateTime(value) {
       rest: ""
     };
   }
-
   var _value$split = value.split("T"),
-      _value$split2 = (0, _slicedToArray2.default)(_value$split, 2),
-      formattedDate = _value$split2[0],
-      rest = _value$split2[1];
-
+    _value$split2 = (0, _slicedToArray2.default)(_value$split, 2),
+    formattedDate = _value$split2[0],
+    rest = _value$split2[1];
   if (!formattedDate || !rest) {
     throw new Error("Could not extract date and time from \"".concat(value, "\"."));
   }
-
   return {
     date: formattedDate,
     rest: rest
   };
 };
-
 var parseTime = function parseTime(value) {
   if (!value) {
     return {
@@ -57,48 +41,39 @@ var parseTime = function parseTime(value) {
       timezone: ""
     };
   }
-
   var sign = value.includes("+") ? "+" : "-";
-
   var _value$split3 = value.split(sign),
-      _value$split4 = (0, _slicedToArray2.default)(_value$split3, 2),
-      fullTime = _value$split4[0],
-      zone = _value$split4[1];
-
+    _value$split4 = (0, _slicedToArray2.default)(_value$split3, 2),
+    fullTime = _value$split4[0],
+    zone = _value$split4[1];
   return {
     time: fullTime,
     timezone: sign + zone
   };
 };
-
 var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
   var bind = _ref.bind,
-      trailingIcon = _ref.trailingIcon,
-      field = _ref.field;
-
-  var defaultTimeZone = (0, _utils.getCurrentTimeZone)() || _utils.DEFAULT_TIMEZONE; // "2020-05-18T09:00+10:00"
-
+    trailingIcon = _ref.trailingIcon,
+    field = _ref.field;
+  var defaultTimeZone = (0, _utils.getCurrentTimeZone)() || _utils.DEFAULT_TIMEZONE;
 
+  // "2020-05-18T09:00+10:00"
   var initialValue = (0, _utils.getDefaultFieldValue)(field, bind, function () {
     var date = new Date();
     return "".concat((0, _utils.getCurrentDate)(date), "T").concat((0, _utils.getCurrentLocalTime)(date)).concat(defaultTimeZone);
   });
-
   var _parseDateTime = parseDateTime(initialValue),
-      date = _parseDateTime.date,
-      rest = _parseDateTime.rest;
-
+    date = _parseDateTime.date,
+    rest = _parseDateTime.rest;
   var _parseTime = parseTime(rest),
-      time = _parseTime.time,
-      _parseTime$timezone = _parseTime.timezone,
-      timezone = _parseTime$timezone === void 0 ? defaultTimeZone : _parseTime$timezone;
-
+    time = _parseTime.time,
+    _parseTime$timezone = _parseTime.timezone,
+    timezone = _parseTime$timezone === void 0 ? defaultTimeZone : _parseTime$timezone;
   var bindValue = bind.value || "";
   (0, _react.useEffect)(function () {
     if (!date || !time || !timezone || bindValue === initialValue) {
       return;
     }
-
     bind.onChange(initialValue);
   }, [bindValue]);
   var cellSize = trailingIcon ? 3 : 4;
@@ -110,39 +85,30 @@ var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
       onChange: function () {
         var _onChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
           return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  if (value) {
-                    _context.next = 4;
-                    break;
-                  }
-
-                  if (bind.value) {
-                    _context.next = 3;
-                    break;
-                  }
-
-                  return _context.abrupt("return");
-
-                case 3:
-                  return _context.abrupt("return", bind.onChange(""));
-
-                case 4:
-                  return _context.abrupt("return", bind.onChange("".concat(value, "T").concat(time || (0, _utils.getCurrentLocalTime)()).concat(timezone || defaultTimeZone)));
-
-                case 5:
-                case "end":
-                  return _context.stop();
-              }
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                if (value) {
+                  _context.next = 4;
+                  break;
+                }
+                if (bind.value) {
+                  _context.next = 3;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 3:
+                return _context.abrupt("return", bind.onChange(""));
+              case 4:
+                return _context.abrupt("return", bind.onChange("".concat(value, "T").concat(time || (0, _utils.getCurrentLocalTime)()).concat(timezone || defaultTimeZone)));
+              case 5:
+              case "end":
+                return _context.stop();
             }
           }, _callee);
         }));
-
         function onChange(_x) {
           return _onChange.apply(this, arguments);
         }
-
         return onChange;
       }()
     }),
@@ -158,39 +124,30 @@ var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
       onChange: function () {
         var _onChange2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(value) {
           return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-            while (1) {
-              switch (_context2.prev = _context2.next) {
-                case 0:
-                  if (value) {
-                    _context2.next = 4;
-                    break;
-                  }
-
-                  if (bind.value) {
-                    _context2.next = 3;
-                    break;
-                  }
-
-                  return _context2.abrupt("return");
-
-                case 3:
-                  return _context2.abrupt("return", bind.onChange(""));
-
-                case 4:
-                  return _context2.abrupt("return", bind.onChange("".concat(date || (0, _utils.getCurrentDate)(), "T").concat(value).concat(timezone || defaultTimeZone)));
-
-                case 5:
-                case "end":
-                  return _context2.stop();
-              }
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                if (value) {
+                  _context2.next = 4;
+                  break;
+                }
+                if (bind.value) {
+                  _context2.next = 3;
+                  break;
+                }
+                return _context2.abrupt("return");
+              case 3:
+                return _context2.abrupt("return", bind.onChange(""));
+              case 4:
+                return _context2.abrupt("return", bind.onChange("".concat(date || (0, _utils.getCurrentDate)(), "T").concat(value).concat(timezone || defaultTimeZone)));
+              case 5:
+              case "end":
+                return _context2.stop();
             }
           }, _callee2);
         }));
-
         function onChange(_x2) {
           return _onChange2.apply(this, arguments);
         }
-
         return onChange;
       }()
     }),
@@ -209,10 +166,8 @@ var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
         if (!bind.value) {
           return null;
         }
-
         return bind.onChange("");
       }
-
       return bind.onChange("".concat(date || (0, _utils.getCurrentDate)(), "T").concat(time || (0, _utils.getCurrentLocalTime)()).concat(value));
     },
     options: _utils.UTC_TIMEZONES.map(function (t) {
@@ -225,5 +180,4 @@ var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
     trailingIcon: trailingIcon
   }));
 };
-
 exports.DateTimeWithTimezone = DateTimeWithTimezone;

package/admin/plugins/fieldRenderers/dateTime/DateTimeWithTimezone.js.map

@@ -1 +1 @@
-{"version":3,"names":["parseDateTime","value","date","rest","split","formattedDate","Error","parseTime","time","timezone","sign","includes","fullTime","zone","DateTimeWithTimezone","bind","trailingIcon","field","defaultTimeZone","getCurrentTimeZone","DEFAULT_TIMEZONE","initialValue","getDefaultFieldValue","Date","getCurrentDate","getCurrentLocalTime","bindValue","useEffect","onChange","cellSize","label","UTC_TIMEZONES","map","t"],"sources":["DateTimeWithTimezone.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input } from \"./Input\";\nimport { Select } from \"./Select\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport {\n    UTC_TIMEZONES,\n    RemoveFieldButton,\n    getDefaultFieldValue,\n    DEFAULT_TIMEZONE,\n    getCurrentDate,\n    getCurrentLocalTime,\n    getCurrentTimeZone\n} from \"./utils\";\nimport { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface State {\n    date: string;\n    time: string;\n    timezone: string;\n}\n\nconst parseDateTime = (value?: string): Pick<State, \"date\"> & { rest: string } => {\n    if (!value || typeof value !== \"string\") {\n        return {\n            date: \"\",\n            rest: \"\"\n        };\n    }\n    const [formattedDate, rest] = value.split(\"T\");\n    if (!formattedDate || !rest) {\n        throw new Error(`Could not extract date and time from \"${value}\".`);\n    }\n    return {\n        date: formattedDate,\n        rest\n    };\n};\n\nconst parseTime = (value?: string): Pick<State, \"time\" | \"timezone\"> => {\n    if (!value) {\n        return {\n            time: \"\",\n            timezone: \"\"\n        };\n    }\n    const sign = value.includes(\"+\") ? \"+\" : \"-\";\n    const [fullTime, zone] = value.split(sign);\n\n    return {\n        time: fullTime,\n        timezone: sign + zone\n    };\n};\n\nexport interface DateTimeWithTimezoneProps {\n    bind: BindComponentRenderProp;\n    // TODO @ts-refactor figure out correct trailing icon type\n    // @ts-ignore\n    trailingIcon?: any;\n    field: CmsModelField;\n}\nexport const DateTimeWithTimezone: React.FC<DateTimeWithTimezoneProps> = ({\n    bind,\n    trailingIcon,\n    field\n}) => {\n    const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;\n\n    // \"2020-05-18T09:00+10:00\"\n    const initialValue = getDefaultFieldValue(field, bind, () => {\n        const date = new Date();\n        return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;\n    });\n    const { date, rest } = parseDateTime(initialValue);\n    const { time, timezone = defaultTimeZone } = parseTime(rest);\n\n    const bindValue = bind.value || \"\";\n    useEffect(() => {\n        if (!date || !time || !timezone || bindValue === initialValue) {\n            return;\n        }\n        bind.onChange(initialValue);\n    }, [bindValue]);\n\n    const cellSize = trailingIcon ? 3 : 4;\n\n    return (\n        <Grid>\n            <Cell span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: date,\n                        onChange: async (value: string) => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(\n                                `${value}T${time || getCurrentLocalTime()}${\n                                    timezone || defaultTimeZone\n                                }`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} date`\n                    }}\n                    type={\"date\"}\n                />\n            </Cell>\n            <Cell span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: time,\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(\n                                `${date || getCurrentDate()}T${value}${timezone || defaultTimeZone}`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\n                    type={\"time\"}\n                    step={5}\n                />\n            </Cell>\n            <Cell span={cellSize}>\n                <Select\n                    label=\"Timezone\"\n                    value={timezone || defaultTimeZone}\n                    onChange={value => {\n                        if (!value) {\n                            if (!bind.value) {\n                                return null;\n                            }\n                            return bind.onChange(\"\");\n                        }\n                        return bind.onChange(\n                            `${date || getCurrentDate()}T${time || getCurrentLocalTime()}${value}`\n                        );\n                    }}\n                    options={UTC_TIMEZONES.map(t => ({ value: t.value, label: t.label }))}\n                />\n            </Cell>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["parseDateTime","value","date","rest","split","formattedDate","Error","parseTime","time","timezone","sign","includes","fullTime","zone","DateTimeWithTimezone","bind","trailingIcon","field","defaultTimeZone","getCurrentTimeZone","DEFAULT_TIMEZONE","initialValue","getDefaultFieldValue","Date","getCurrentDate","getCurrentLocalTime","bindValue","useEffect","onChange","cellSize","label","UTC_TIMEZONES","map","t"],"sources":["DateTimeWithTimezone.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input } from \"./Input\";\nimport { Select } from \"./Select\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport {\n    UTC_TIMEZONES,\n    RemoveFieldButton,\n    getDefaultFieldValue,\n    DEFAULT_TIMEZONE,\n    getCurrentDate,\n    getCurrentLocalTime,\n    getCurrentTimeZone\n} from \"./utils\";\nimport { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface State {\n    date: string;\n    time: string;\n    timezone: string;\n}\n\nconst parseDateTime = (value?: string): Pick<State, \"date\"> & { rest: string } => {\n    if (!value || typeof value !== \"string\") {\n        return {\n            date: \"\",\n            rest: \"\"\n        };\n    }\n    const [formattedDate, rest] = value.split(\"T\");\n    if (!formattedDate || !rest) {\n        throw new Error(`Could not extract date and time from \"${value}\".`);\n    }\n    return {\n        date: formattedDate,\n        rest\n    };\n};\n\nconst parseTime = (value?: string): Pick<State, \"time\" | \"timezone\"> => {\n    if (!value) {\n        return {\n            time: \"\",\n            timezone: \"\"\n        };\n    }\n    const sign = value.includes(\"+\") ? \"+\" : \"-\";\n    const [fullTime, zone] = value.split(sign);\n\n    return {\n        time: fullTime,\n        timezone: sign + zone\n    };\n};\n\nexport interface DateTimeWithTimezoneProps {\n    bind: BindComponentRenderProp;\n    // TODO @ts-refactor figure out correct trailing icon type\n    // @ts-ignore\n    trailingIcon?: any;\n    field: CmsModelField;\n}\nexport const DateTimeWithTimezone: React.FC<DateTimeWithTimezoneProps> = ({\n    bind,\n    trailingIcon,\n    field\n}) => {\n    const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;\n\n    // \"2020-05-18T09:00+10:00\"\n    const initialValue = getDefaultFieldValue(field, bind, () => {\n        const date = new Date();\n        return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;\n    });\n    const { date, rest } = parseDateTime(initialValue);\n    const { time, timezone = defaultTimeZone } = parseTime(rest);\n\n    const bindValue = bind.value || \"\";\n    useEffect(() => {\n        if (!date || !time || !timezone || bindValue === initialValue) {\n            return;\n        }\n        bind.onChange(initialValue);\n    }, [bindValue]);\n\n    const cellSize = trailingIcon ? 3 : 4;\n\n    return (\n        <Grid>\n            <Cell span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: date,\n                        onChange: async (value: string) => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(\n                                `${value}T${time || getCurrentLocalTime()}${\n                                    timezone || defaultTimeZone\n                                }`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} date`\n                    }}\n                    type={\"date\"}\n                />\n            </Cell>\n            <Cell span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: time,\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(\n                                `${date || getCurrentDate()}T${value}${timezone || defaultTimeZone}`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\n                    type={\"time\"}\n                    step={5}\n                />\n            </Cell>\n            <Cell span={cellSize}>\n                <Select\n                    label=\"Timezone\"\n                    value={timezone || defaultTimeZone}\n                    onChange={value => {\n                        if (!value) {\n                            if (!bind.value) {\n                                return null;\n                            }\n                            return bind.onChange(\"\");\n                        }\n                        return bind.onChange(\n                            `${date || getCurrentDate()}T${time || getCurrentLocalTime()}${value}`\n                        );\n                    }}\n                    options={UTC_TIMEZONES.map(t => ({ value: t.value, label: t.label }))}\n                />\n            </Cell>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAkBA,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAAIC,KAAc,EAA6C;EAC9E,IAAI,CAACA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IACrC,OAAO;MACHC,IAAI,EAAE,EAAE;MACRC,IAAI,EAAE;IACV,CAAC;EACL;EACA,mBAA8BF,KAAK,CAACG,KAAK,CAAC,GAAG,CAAC;IAAA;IAAvCC,aAAa;IAAEF,IAAI;EAC1B,IAAI,CAACE,aAAa,IAAI,CAACF,IAAI,EAAE;IACzB,MAAM,IAAIG,KAAK,kDAA0CL,KAAK,SAAK;EACvE;EACA,OAAO;IACHC,IAAI,EAAEG,aAAa;IACnBF,IAAI,EAAJA;EACJ,CAAC;AACL,CAAC;AAED,IAAMI,SAAS,GAAG,SAAZA,SAAS,CAAIN,KAAc,EAAuC;EACpE,IAAI,CAACA,KAAK,EAAE;IACR,OAAO;MACHO,IAAI,EAAE,EAAE;MACRC,QAAQ,EAAE;IACd,CAAC;EACL;EACA,IAAMC,IAAI,GAAGT,KAAK,CAACU,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG;EAC5C,oBAAyBV,KAAK,CAACG,KAAK,CAACM,IAAI,CAAC;IAAA;IAAnCE,QAAQ;IAAEC,IAAI;EAErB,OAAO;IACHL,IAAI,EAAEI,QAAQ;IACdH,QAAQ,EAAEC,IAAI,GAAGG;EACrB,CAAC;AACL,CAAC;AASM,IAAMC,oBAAyD,GAAG,SAA5DA,oBAAyD,OAIhE;EAAA,IAHFC,IAAI,QAAJA,IAAI;IACJC,YAAY,QAAZA,YAAY;IACZC,KAAK,QAALA,KAAK;EAEL,IAAMC,eAAe,GAAG,IAAAC,yBAAkB,GAAE,IAAIC,uBAAgB;;EAEhE;EACA,IAAMC,YAAY,GAAG,IAAAC,2BAAoB,EAACL,KAAK,EAAEF,IAAI,EAAE,YAAM;IACzD,IAAMb,IAAI,GAAG,IAAIqB,IAAI,EAAE;IACvB,iBAAU,IAAAC,qBAAc,EAACtB,IAAI,CAAC,cAAI,IAAAuB,0BAAmB,EAACvB,IAAI,CAAC,SAAGgB,eAAe;EACjF,CAAC,CAAC;EACF,qBAAuBlB,aAAa,CAACqB,YAAY,CAAC;IAA1CnB,IAAI,kBAAJA,IAAI;IAAEC,IAAI,kBAAJA,IAAI;EAClB,iBAA6CI,SAAS,CAACJ,IAAI,CAAC;IAApDK,IAAI,cAAJA,IAAI;IAAA,iCAAEC,QAAQ;IAARA,QAAQ,oCAAGS,eAAe;EAExC,IAAMQ,SAAS,GAAGX,IAAI,CAACd,KAAK,IAAI,EAAE;EAClC,IAAA0B,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACzB,IAAI,IAAI,CAACM,IAAI,IAAI,CAACC,QAAQ,IAAIiB,SAAS,KAAKL,YAAY,EAAE;MAC3D;IACJ;IACAN,IAAI,CAACa,QAAQ,CAACP,YAAY,CAAC;EAC/B,CAAC,EAAE,CAACK,SAAS,CAAC,CAAC;EAEf,IAAMG,QAAQ,GAAGb,YAAY,GAAG,CAAC,GAAG,CAAC;EAErC,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAE,gBACV,6BAAC,YAAK;IACF,IAAI,8DACGD,IAAI;MACPd,KAAK,EAAEC,IAAI;MACX0B,QAAQ;QAAA,uGAAE,iBAAO3B,KAAa;UAAA;YAAA;cAAA;gBAAA,IACrBA,KAAK;kBAAA;kBAAA;gBAAA;gBAAA,IACDc,IAAI,CAACd,KAAK;kBAAA;kBAAA;gBAAA;gBAAA;cAAA;gBAAA,iCAGRc,IAAI,CAACa,QAAQ,CAAC,EAAE,CAAC;cAAA;gBAAA,iCAErBb,IAAI,CAACa,QAAQ,WACb3B,KAAK,cAAIO,IAAI,IAAI,IAAAiB,0BAAmB,GAAE,SACrChB,QAAQ,IAAIS,eAAe,EAElC;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA,CACJ;QAAA;UAAA;QAAA;QAAA;MAAA;IAAA,EACH;IACF,KAAK,8DACED,KAAK;MACRa,KAAK,YAAKb,KAAK,CAACa,KAAK;IAAO,EAC9B;IACF,IAAI,EAAE;EAAO,EACf,CACC,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAE,gBACV,6BAAC,YAAK;IACF,IAAI,8DACGf,IAAI;MACPd,KAAK,EAAEO,IAAI;MACXoB,QAAQ;QAAA,wGAAE,kBAAM3B,KAAK;UAAA;YAAA;cAAA;gBAAA,IACZA,KAAK;kBAAA;kBAAA;gBAAA;gBAAA,IACDc,IAAI,CAACd,KAAK;kBAAA;kBAAA;gBAAA;gBAAA;cAAA;gBAAA,kCAGRc,IAAI,CAACa,QAAQ,CAAC,EAAE,CAAC;cAAA;gBAAA,kCAErBb,IAAI,CAACa,QAAQ,WACb1B,IAAI,IAAI,IAAAsB,qBAAc,GAAE,cAAIvB,KAAK,SAAGQ,QAAQ,IAAIS,eAAe,EACrE;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA,CACJ;QAAA;UAAA;QAAA;QAAA;MAAA;IAAA,EACH;IACF,KAAK,8DACED,KAAK;MACRa,KAAK,YAAKb,KAAK,CAACa,KAAK;IAAO,EAC9B;IACF,IAAI,EAAE,MAAO;IACb,IAAI,EAAE;EAAE,EACV,CACC,eACP,6BAAC,UAAI;IAAC,IAAI,EAAED;EAAS,gBACjB,6BAAC,cAAM;IACH,KAAK,EAAC,UAAU;IAChB,KAAK,EAAEpB,QAAQ,IAAIS,eAAgB;IACnC,QAAQ,EAAE,kBAAAjB,KAAK,EAAI;MACf,IAAI,CAACA,KAAK,EAAE;QACR,IAAI,CAACc,IAAI,CAACd,KAAK,EAAE;UACb,OAAO,IAAI;QACf;QACA,OAAOc,IAAI,CAACa,QAAQ,CAAC,EAAE,CAAC;MAC5B;MACA,OAAOb,IAAI,CAACa,QAAQ,WACb1B,IAAI,IAAI,IAAAsB,qBAAc,GAAE,cAAIhB,IAAI,IAAI,IAAAiB,0BAAmB,GAAE,SAAGxB,KAAK,EACvE;IACL,CAAE;IACF,OAAO,EAAE8B,oBAAa,CAACC,GAAG,CAAC,UAAAC,CAAC;MAAA,OAAK;QAAEhC,KAAK,EAAEgC,CAAC,CAAChC,KAAK;QAAE6B,KAAK,EAAEG,CAAC,CAACH;MAAM,CAAC;IAAA,CAAC;EAAE,EACxE,CACC,eACP,6BAAC,wBAAiB;IAAC,YAAY,EAAEd;EAAa,EAAG,CAC9C;AAEf,CAAC;AAAC"}