@wix/patterns 0.8.0

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_react2","_TagsListItem","_ManageTagsModalStCss","_ScrollableContent","_CollectionActionModal","_Trans","_NewTagItemEditable","_minimalRequiredWdsRuntimeCheck","_ManageTagsNotification","_bexCore","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ManageTagsModalComponent","state","_state$tagToDelete","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","translate","useWixPatternsContainer","ref","useRef","closeModal","useCallback","closeManageTagsModal","handleCreateClick","handleCreateCtaClick","handleCreateTagFromSearch","createTagFromSearch","handleSearchClear","handleSearchChange","event","newSearchValue","target","value","handleNotificationClose","toastConfig","hideNotification","createElement","Modal","isOpen","onRequestClose","shouldCloseOnOverlayClick","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","width","CustomModalLayout","className","st","classes","root","overflowY","showFooterDivider","removeContentPadding","title","EntityName","entityTypeName","subtitle","sideActions","TextButton","size","prefixIcon","Add","onClick","disabled","isShowingNewTagListItem","primaryButtonText","primaryButtonOnClick","onCloseButtonClick","direction","height","flex","position","top","left","transform","maxWidth","ManageTagsNotification","onClose","gap","padding","Search","autoFocus","onChange","searchValue","placeholder","onEnterPressed","onClear","Divider","maxHeight","minHeight","paddingBottom","ScrollableContent","smooth","shownItems","length","AddItem","theme","alignItems","Text","skin","Trans","i18nKey","values","tagName","slice","TAG_MAX_LENGTH","components","name","weight","map","tag","idx","TagsListItem","key","id","isLastTag","NewTagItemEditable","confirmModalState","CollectionActionModal","_extends2","content","tagToDelete","text","ManageTagsModal","exports","observer"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CustomModalLayout,\n  Modal,\n  Box,\n  TextButton,\n  AddItem,\n  Text,\n  Divider,\n  Search,\n} from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { TagsListItem } from './List/TagsListItem';\nimport { st, classes } from './ManageTagsModal.st.css.js';\nimport { ScrollableContent } from '../../../ScrollableContent';\nimport { CollectionActionModal } from '../../../CollectionActionModal';\nimport { Trans } from '../../../Trans';\nimport { TagsModalState } from '../../../../state/TagsModalState';\nimport { NewTagItemEditable } from './NewTagItemEditable';\nimport { minimalRequiredWdsRuntimeCheck } from '../../../../minimalRequiredWdsRuntimeCheck';\nimport { ManageTagsNotification } from './ManageTagsNotification';\nimport { TAG_MAX_LENGTH, ToastConfig } from '@wix/bex-core';\n\nexport interface ManageTagsModalProps {\n  state: TagsModalState;\n}\nconst ManageTagsModalComponent = ({ state }: ManageTagsModalProps) => {\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.72.0',\n      requiredBy: 'Cairo/ManageTagsModal',\n    });\n  }\n  const { translate: t } = useWixPatternsContainer();\n  state.ref = useRef<HTMLDivElement>(null);\n\n  const closeModal = useCallback(() => {\n    state.closeManageTagsModal();\n  }, [state]);\n\n  const handleCreateClick = useCallback(() => {\n    state.handleCreateCtaClick();\n  }, [state]);\n\n  const handleCreateTagFromSearch = useCallback(() => {\n    state.createTagFromSearch();\n  }, [state]);\n\n  const handleSearchClear = useCallback(() => {\n    state.handleSearchClear();\n  }, [state]);\n\n  const handleSearchChange = useCallback(\n    (event) => {\n      const newSearchValue = event.target.value;\n      state.handleSearchChange(newSearchValue);\n    },\n    [state],\n  );\n\n  const handleNotificationClose = useCallback(\n    (toastConfig: ToastConfig) => {\n      state.hideNotification(toastConfig);\n    },\n    [state],\n  );\n\n  return (\n    <Modal\n      isOpen={state.isOpen}\n      onRequestClose={closeModal}\n      shouldCloseOnOverlayClick\n      dataHook=\"manage-tags-modal\"\n    >\n      <Box width={510}>\n        <CustomModalLayout\n          className={st(classes.root)}\n          overflowY=\"visible\"\n          showFooterDivider\n          removeContentPadding\n          title={t('cairo.tags.manageTags.modal.title', {\n            EntityName: state.entityTypeName,\n          })}\n          subtitle={t('cairo.tags.manageTags.modal.subtitle')}\n          sideActions={\n            <Box>\n              <TextButton\n                dataHook=\"manage-tags-modal-create-btn\"\n                size=\"small\"\n                prefixIcon={<Add />}\n                onClick={handleCreateClick}\n                disabled={state.isShowingNewTagListItem}\n              >\n                {t('cairo.tags.manageTags.modal.add.CTA')}\n              </TextButton>\n            </Box>\n          }\n          primaryButtonText={t('cairo.tags.manageTags.modal.close.CTA')}\n          primaryButtonOnClick={closeModal}\n          onCloseButtonClick={closeModal}\n          dataHook=\"manage-tags-modal-layout\"\n        >\n          <Box direction=\"vertical\" height=\"100%\" flex={1}>\n            {state.toastConfig && (\n              <Box\n                position=\"absolute\"\n                top=\"18px\"\n                left=\"50%\"\n                transform=\"translateX(-50%)\"\n                maxWidth=\"388px\"\n              >\n                <ManageTagsNotification\n                  toastConfig={state.toastConfig}\n                  onClose={handleNotificationClose}\n                  dataHook=\"manage-tags-modal-notification\"\n                />\n              </Box>\n            )}\n            <Box direction=\"vertical\" gap=\"SP2\">\n              <Box padding=\"0 SP4\">\n                <Search\n                  autoFocus\n                  dataHook=\"manage-tags-modal-search\"\n                  onChange={handleSearchChange}\n                  value={state.searchValue}\n                  placeholder={t(\n                    'cairo.tags.manageTags.modal.search.placeholder',\n                  )}\n                  onEnterPressed={handleCreateTagFromSearch}\n                  onClear={handleSearchClear}\n                />\n              </Box>\n              <Divider />\n            </Box>\n            <Box\n              direction=\"vertical\"\n              maxHeight={446}\n              minHeight={225}\n              dataHook=\"manage-tags-modal-tags-list\"\n              overflowY=\"auto\"\n              paddingBottom=\"SP1\"\n            >\n              <ScrollableContent overflowY smooth ref={state.ref}>\n                {state.searchValue && state.shownItems.length === 0 && (\n                  <div>\n                    <AddItem\n                      theme=\"plain\"\n                      size=\"tiny\"\n                      alignItems=\"left\"\n                      onClick={handleCreateTagFromSearch}\n                      dataHook=\"manage-tags-modal-list-add\"\n                    >\n                      <Text skin=\"primary\">\n                        <Trans\n                          i18nKey=\"cairo.tags.manageTags.modal.list.create.CTA\"\n                          values={{\n                            tagName: `${state.searchValue.slice(\n                              0,\n                              TAG_MAX_LENGTH,\n                            )}`,\n                          }}\n                          components={{\n                            name: <Text weight=\"bold\" skin=\"primary\" />,\n                          }}\n                        />\n                      </Text>\n                    </AddItem>\n                  </div>\n                )}\n                {state.shownItems.map((tag, idx) => (\n                  <TagsListItem\n                    state={state}\n                    key={tag.id}\n                    tag={tag}\n                    isLastTag={\n                      !state.isShowingNewTagListItem &&\n                      idx === state.shownItems.length - 1\n                    }\n                  />\n                ))}\n                {state.isShowingNewTagListItem && (\n                  <NewTagItemEditable state={state} />\n                )}\n              </ScrollableContent>\n            </Box>\n          </Box>\n        </CustomModalLayout>\n      </Box>\n      {state.confirmModalState.value && (\n        <CollectionActionModal\n          dataHook=\"manage-tags-modal-confirm-delete-modal\"\n          state={state.confirmModalState}\n          content={\n            <Trans\n              i18nKey=\"cairo.tags.manageTags.modal.deleteModal.body\"\n              values={{ name: state.tagToDelete?.name }}\n              components={{\n                text: <Text />,\n                name: <Text weight=\"bold\" />,\n              }}\n            />\n          }\n          {...state.confirmModalState.value}\n        />\n      )}\n    </Modal>\n  );\n};\n\nexport const ManageTagsModal = observer(ManageTagsModalComponent);\n"],"mappings":"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"}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css

@@ -0,0 +1,3 @@
+.root {
+  display: flex;
+}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "ManageTagsModal274133755";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "ManageTagsModal274133755__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=ManageTagsModal.st.css.js.map

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal274133755\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal274133755__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC"}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.uni.driver.js

@@ -0,0 +1,50 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ManageTagsModalUniDriver = ManageTagsModalUniDriver;
+var _unidriver = require("../../../../unidriver");
+var _unidriver2 = require("@wix/design-system/dist/testkit/unidriver");
+function ManageTagsModalUniDriver(base, body) {
+  const modalBase = () => body.$(`[data-hook="manage-tags-modal-layout"]`);
+  const getManageTagsModal = () => (0, _unidriver2.CustomModalLayoutUniDriver)(modalBase(), body);
+  const exists = () => getManageTagsModal().exists();
+  const getModalTitle = () => getManageTagsModal().getTitleText();
+  const getTags = () => body.$$(`[data-hook="manage-tags-modal-tag"]`);
+  const getTagsCount = () => getTags().count();
+  const getTagByIdx = idx => (0, _unidriver2.TagUniDriver)(getTags().get(idx), body);
+  const getTagById = tagId => (0, _unidriver2.TagUniDriver)(body.$(`[id="${tagId}"]`), body);
+  const getTagRows = () => body.$$(`[data-hook="manage-tags-modal-tag-row"]`);
+  const getTagRowByIdx = idx => getTagRows().get(idx);
+  const clickTagRenameButtonByIdx = idx => (0, _unidriver2.IconButtonUniDriver)(getTagRowByIdx(idx).$(`[data-hook="manage-tags-modal-tag-action-edit"]`), body).click();
+  const clickTagDeleteButtonByIdx = idx => (0, _unidriver2.IconButtonUniDriver)(getTagRowByIdx(idx).$(`[data-hook="manage-tags-modal-tag-action-delete"]`), body).click();
+  const getCreateBtnDriver = () => (0, _unidriver2.TextButtonUniDriver)(body.$(`[data-hook="manage-tags-modal-create-btn"]`), body);
+  const getNotificationDriver = () => (0, _unidriver2.FloatingNotificationUniDriver)(body.$(`[data-hook="manage-tags-modal-notification"]`), body);
+  const clickCloseButton = async () => {
+    await getManageTagsModal().clickCloseButton();
+  };
+  const getSearchDriver = () => (0, _unidriver2.SearchUniDriver)(body.$('[data-hook="manage-tags-modal-search"]'), body);
+  const getAddItem = () => (0, _unidriver2.AddItemUniDriver)(body.$(`[data-hook="manage-tags-modal-list-add"]`), body);
+  const getFormField = () => (0, _unidriver2.FormFieldUniDriver)(body.$(`[data-hook="manage-tags-modal-tag-form-field"]`), body);
+  const getListItemEditable = () => (0, _unidriver2.ListItemEditableUniDriver)(body.$(`[data-hook="manage-tags-modal-tag-editable"]`), body);
+  const getMessageModalLayout = () => (0, _unidriver2.MessageModalLayoutUniDriver)(body.$(`[data-hook="manage-tags-modal-confirm-delete-modal"]`), body);
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    exists,
+    getTagsCount,
+    getTagByIdx,
+    getTagById,
+    getModalTitle,
+    getCreateBtnDriver,
+    getNotificationDriver,
+    clickCloseButton,
+    getSearchDriver,
+    getAddItem,
+    getFormField,
+    getListItemEditable,
+    clickTagRenameButtonByIdx,
+    clickTagDeleteButtonByIdx,
+    getTagRows,
+    getMessageModalLayout
+  };
+}
+//# sourceMappingURL=ManageTagsModal.uni.driver.js.map

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","ManageTagsModalUniDriver","base","body","modalBase","$","getManageTagsModal","CustomModalLayoutUniDriver","exists","getModalTitle","getTitleText","getTags","$$","getTagsCount","count","getTagByIdx","idx","TagUniDriver","get","getTagById","tagId","getTagRows","getTagRowByIdx","clickTagRenameButtonByIdx","IconButtonUniDriver","click","clickTagDeleteButtonByIdx","getCreateBtnDriver","TextButtonUniDriver","getNotificationDriver","FloatingNotificationUniDriver","clickCloseButton","getSearchDriver","SearchUniDriver","getAddItem","AddItemUniDriver","getFormField","FormFieldUniDriver","getListItemEditable","ListItemEditableUniDriver","getMessageModalLayout","MessageModalLayoutUniDriver","baseUniDriverFactory"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\nimport {\n  CustomModalLayoutUniDriver,\n  TagUniDriver,\n  SearchUniDriver,\n  AddItemUniDriver,\n  ListItemEditableUniDriver,\n  TextButtonUniDriver,\n  FormFieldUniDriver,\n  IconButtonUniDriver,\n  MessageModalLayoutUniDriver,\n  FloatingNotificationUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ManageTagsModalUniDriver(base: UniDriver, body: UniDriver) {\n  const modalBase = () => body.$(`[data-hook=\"manage-tags-modal-layout\"]`);\n\n  const getManageTagsModal = () =>\n    CustomModalLayoutUniDriver(modalBase(), body);\n\n  const exists = () => getManageTagsModal().exists();\n\n  const getModalTitle = () => getManageTagsModal().getTitleText();\n\n  const getTags = () => body.$$(`[data-hook=\"manage-tags-modal-tag\"]`);\n\n  const getTagsCount = () => getTags().count();\n\n  const getTagByIdx = (idx: number) => TagUniDriver(getTags().get(idx), body);\n\n  const getTagById = (tagId: string) =>\n    TagUniDriver(body.$(`[id=\"${tagId}\"]`), body);\n\n  const getTagRows = () => body.$$(`[data-hook=\"manage-tags-modal-tag-row\"]`);\n\n  const getTagRowByIdx = (idx: number) => getTagRows().get(idx);\n\n  const clickTagRenameButtonByIdx = (idx: number) =>\n    IconButtonUniDriver(\n      getTagRowByIdx(idx).$(`[data-hook=\"manage-tags-modal-tag-action-edit\"]`),\n      body,\n    ).click();\n\n  const clickTagDeleteButtonByIdx = (idx: number) =>\n    IconButtonUniDriver(\n      getTagRowByIdx(idx).$(\n        `[data-hook=\"manage-tags-modal-tag-action-delete\"]`,\n      ),\n      body,\n    ).click();\n\n  const getCreateBtnDriver = () =>\n    TextButtonUniDriver(\n      body.$(`[data-hook=\"manage-tags-modal-create-btn\"]`),\n      body,\n    );\n\n  const getNotificationDriver = () =>\n    FloatingNotificationUniDriver(\n      body.$(`[data-hook=\"manage-tags-modal-notification\"]`),\n      body,\n    );\n\n  const clickCloseButton = async () => {\n    await getManageTagsModal().clickCloseButton();\n  };\n\n  const getSearchDriver = () =>\n    SearchUniDriver(body.$('[data-hook=\"manage-tags-modal-search\"]'), body);\n\n  const getAddItem = () =>\n    AddItemUniDriver(body.$(`[data-hook=\"manage-tags-modal-list-add\"]`), body);\n\n  const getFormField = () =>\n    FormFieldUniDriver(\n      body.$(`[data-hook=\"manage-tags-modal-tag-form-field\"]`),\n      body,\n    );\n  const getListItemEditable = () =>\n    ListItemEditableUniDriver(\n      body.$(`[data-hook=\"manage-tags-modal-tag-editable\"]`),\n      body,\n    );\n\n  const getMessageModalLayout = () =>\n    MessageModalLayoutUniDriver(\n      body.$(`[data-hook=\"manage-tags-modal-confirm-delete-modal\"]`),\n      body,\n    );\n\n  return {\n    ...baseUniDriverFactory(base),\n    exists,\n    getTagsCount,\n    getTagByIdx,\n    getTagById,\n    getModalTitle,\n    getCreateBtnDriver,\n    getNotificationDriver,\n    clickCloseButton,\n    getSearchDriver,\n    getAddItem,\n    getFormField,\n    getListItemEditable,\n    clickTagRenameButtonByIdx,\n    clickTagDeleteButtonByIdx,\n    getTagRows,\n    getMessageModalLayout,\n  };\n}\n"],"mappings":"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"}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsNotification.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ManageTagsNotification = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsNotification.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const toastTypeToNotificationType = {
+  SUCCESS: 'success',
+  ERROR: 'destructive'
+};
+const convertToastConfigToButtonProps = ({
+  toastConfig,
+  onClose
+}) => {
+  var _toastConfig$action;
+  return {
+    label: (_toastConfig$action = toastConfig.action) == null ? void 0 : _toastConfig$action.text,
+    onClick: () => {
+      var _toastConfig$action2, _toastConfig$action3;
+      (_toastConfig$action2 = toastConfig.action) == null || _toastConfig$action2.onClick == null || _toastConfig$action2.onClick();
+      if ((_toastConfig$action3 = toastConfig.action) != null && _toastConfig$action3.removeToastOnClick) {
+        onClose(toastConfig);
+      }
+    }
+  };
+};
+const toastTypeToIcon = {
+  SUCCESS: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusComplete, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 12
+    }
+  }),
+  ERROR: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircle, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 10
+    }
+  })
+};
+const ManageTagsNotification = ({
+  toastConfig,
+  onClose,
+  dataHook
+}) => {
+  const notificationProps = (0, _react.useMemo)(() => {
+    var _toastConfig$action4, _toastConfig$action5;
+    let type;
+    let prefixIcon;
+    if (toastConfig.type) {
+      type = toastTypeToNotificationType[toastConfig.type];
+      prefixIcon = toastTypeToIcon[toastConfig.type];
+    }
+    const buttonProps = convertToastConfigToButtonProps({
+      toastConfig,
+      onClose
+    });
+    return {
+      type,
+      prefixIcon,
+      text: toastConfig.message,
+      buttonProps: ((_toastConfig$action4 = toastConfig.action) == null ? void 0 : _toastConfig$action4.uiType) === 'BUTTON' ? buttonProps : undefined,
+      textButtonProps: ((_toastConfig$action5 = toastConfig.action) == null ? void 0 : _toastConfig$action5.uiType) === 'LINK' ? buttonProps : undefined,
+      onClose: () => onClose(toastConfig)
+    };
+  }, [toastConfig, onClose]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FloatingNotification, (0, _extends2.default)({
+    dataHook: dataHook
+  }, notificationProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 79,
+      columnNumber: 10
+    }
+  }));
+};
+exports.ManageTagsNotification = ManageTagsNotification;
+//# sourceMappingURL=ManageTagsNotification.js.map

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","toastTypeToNotificationType","SUCCESS","ERROR","convertToastConfigToButtonProps","toastConfig","onClose","_toastConfig$action","label","action","text","onClick","_toastConfig$action2","_toastConfig$action3","removeToastOnClick","toastTypeToIcon","createElement","StatusComplete","__self","__source","fileName","lineNumber","columnNumber","InfoCircle","ManageTagsNotification","dataHook","notificationProps","useMemo","_toastConfig$action4","_toastConfig$action5","type","prefixIcon","buttonProps","message","uiType","undefined","textButtonProps","FloatingNotification","_extends2","exports"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsNotification.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ToastConfig, ToastType } from '@wix/bex-core';\nimport {\n  FloatingNotification,\n  FloatingNotificationType,\n  IconElement,\n} from '@wix/design-system';\nimport { InfoCircle, StatusComplete } from '@wix/wix-ui-icons-common';\n\ninterface ManageTagsNotificationProps {\n  toastConfig: ToastConfig;\n  onClose: (toastConfig: ToastConfig) => unknown;\n  dataHook?: string;\n}\n\nconst toastTypeToNotificationType: {\n  [key in ToastType]?: FloatingNotificationType;\n} = {\n  SUCCESS: 'success',\n  ERROR: 'destructive',\n};\n\nconst convertToastConfigToButtonProps = ({\n  toastConfig,\n  onClose,\n}: {\n  toastConfig: ToastConfig;\n  onClose: (toastConfig: ToastConfig) => unknown;\n}) => {\n  return {\n    label: toastConfig.action?.text,\n    onClick: () => {\n      toastConfig.action?.onClick?.();\n\n      if (toastConfig.action?.removeToastOnClick) {\n        onClose(toastConfig);\n      }\n    },\n  };\n};\n\nconst toastTypeToIcon: {\n  [key in ToastType]?: IconElement;\n} = {\n  SUCCESS: <StatusComplete />,\n  ERROR: <InfoCircle />,\n};\n\nexport const ManageTagsNotification = ({\n  toastConfig,\n  onClose,\n  dataHook,\n}: ManageTagsNotificationProps) => {\n  const notificationProps = useMemo(() => {\n    let type;\n    let prefixIcon;\n    if (toastConfig.type) {\n      type = toastTypeToNotificationType[toastConfig.type];\n      prefixIcon = toastTypeToIcon[toastConfig.type];\n    }\n\n    const buttonProps = convertToastConfigToButtonProps({\n      toastConfig,\n      onClose,\n    });\n\n    return {\n      type,\n      prefixIcon,\n      text: toastConfig.message,\n      buttonProps:\n        toastConfig.action?.uiType === 'BUTTON' ? buttonProps : undefined,\n      textButtonProps:\n        toastConfig.action?.uiType === 'LINK' ? buttonProps : undefined,\n      onClose: () => onClose(toastConfig),\n    };\n  }, [toastConfig, onClose]);\n\n  return <FloatingNotification dataHook={dataHook} {...notificationProps} />;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAKA,IAAAE,iBAAA,GAAAF,OAAA;AAAsE,IAAAG,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQtE,MAAMY,2BAEL,GAAG;EACFC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,+BAA+B,GAAGA,CAAC;EACvCC,WAAW;EACXC;AAIF,CAAC,KAAK;EAAA,IAAAC,mBAAA;EACJ,OAAO;IACLC,KAAK,GAAAD,mBAAA,GAAEF,WAAW,CAACI,MAAM,qBAAlBF,mBAAA,CAAoBG,IAAI;IAC/BC,OAAO,EAAEA,CAAA,KAAM;MAAA,IAAAC,oBAAA,EAAAC,oBAAA;MACb,CAAAD,oBAAA,GAAAP,WAAW,CAACI,MAAM,aAAlBG,oBAAA,CAAoBD,OAAO,YAA3BC,oBAAA,CAAoBD,OAAO,CAAG,CAAC;MAE/B,KAAAE,oBAAA,GAAIR,WAAW,CAACI,MAAM,aAAlBI,oBAAA,CAAoBC,kBAAkB,EAAE;QAC1CR,OAAO,CAACD,WAAW,CAAC;MACtB;IACF;EACF,CAAC;AACH,CAAC;AAED,MAAMU,eAEL,GAAG;EACFb,OAAO,eAAE5B,MAAA,CAAAY,OAAA,CAAA8B,aAAA,CAACtC,iBAAA,CAAAuC,cAAc;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;EAC3BnB,KAAK,eAAE7B,MAAA,CAAAY,OAAA,CAAA8B,aAAA,CAACtC,iBAAA,CAAA6C,UAAU;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE;AACtB,CAAC;AAEM,MAAME,sBAAsB,GAAGA,CAAC;EACrCnB,WAAW;EACXC,OAAO;EACPmB;AAC2B,CAAC,KAAK;EACjC,MAAMC,iBAAiB,GAAG,IAAAC,cAAO,EAAC,MAAM;IAAA,IAAAC,oBAAA,EAAAC,oBAAA;IACtC,IAAIC,IAAI;IACR,IAAIC,UAAU;IACd,IAAI1B,WAAW,CAACyB,IAAI,EAAE;MACpBA,IAAI,GAAG7B,2BAA2B,CAACI,WAAW,CAACyB,IAAI,CAAC;MACpDC,UAAU,GAAGhB,eAAe,CAACV,WAAW,CAACyB,IAAI,CAAC;IAChD;IAEA,MAAME,WAAW,GAAG5B,+BAA+B,CAAC;MAClDC,WAAW;MACXC;IACF,CAAC,CAAC;IAEF,OAAO;MACLwB,IAAI;MACJC,UAAU;MACVrB,IAAI,EAAEL,WAAW,CAAC4B,OAAO;MACzBD,WAAW,EACT,EAAAJ,oBAAA,GAAAvB,WAAW,CAACI,MAAM,qBAAlBmB,oBAAA,CAAoBM,MAAM,MAAK,QAAQ,GAAGF,WAAW,GAAGG,SAAS;MACnEC,eAAe,EACb,EAAAP,oBAAA,GAAAxB,WAAW,CAACI,MAAM,qBAAlBoB,oBAAA,CAAoBK,MAAM,MAAK,MAAM,GAAGF,WAAW,GAAGG,SAAS;MACjE7B,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACD,WAAW;IACpC,CAAC;EACH,CAAC,EAAE,CAACA,WAAW,EAAEC,OAAO,CAAC,CAAC;EAE1B,oBAAOhC,MAAA,CAAAY,OAAA,CAAA8B,aAAA,CAACvC,aAAA,CAAA4D,oBAAoB,MAAAC,SAAA,CAAApD,OAAA;IAACuC,QAAQ,EAAEA;EAAS,GAAKC,iBAAiB;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AAC5E,CAAC;AAACiB,OAAA,CAAAf,sBAAA,GAAAA,sBAAA"}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/NewTagItemEditable.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NewTagItemEditable = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _TagItemEditable = require("./TagItemEditable");
+var _mobxReactLite = require("mobx-react-lite");
+var _bexCore = require("@wix/bex-core");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Tags/ManageTags/ManageTagsModal/NewTagItemEditable.tsx";
+const _NewTagItemEditable = ({
+  state
+}) => {
+  const handleApprove = name => {
+    state.createTagFromList(name);
+  };
+  const handleCancel = () => {
+    state.handleCancelEditCtaClick();
+  };
+  return /*#__PURE__*/_react.default.createElement(_TagItemEditable.TagItemEditable, {
+    isLastTag: true,
+    errorMessage: state.editedTagErrorMessage,
+    onApprove: handleApprove,
+    onCancel: handleCancel,
+    maxLength: _bexCore.TAG_MAX_LENGTH,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 5
+    }
+  });
+};
+const NewTagItemEditable = exports.NewTagItemEditable = (0, _mobxReactLite.observer)(_NewTagItemEditable);
+//# sourceMappingURL=NewTagItemEditable.js.map

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/NewTagItemEditable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_TagItemEditable","_mobxReactLite","_bexCore","_jsxFileName","_NewTagItemEditable","state","handleApprove","name","createTagFromList","handleCancel","handleCancelEditCtaClick","default","createElement","TagItemEditable","isLastTag","errorMessage","editedTagErrorMessage","onApprove","onCancel","maxLength","TAG_MAX_LENGTH","__self","__source","fileName","lineNumber","columnNumber","NewTagItemEditable","exports","observer"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/NewTagItemEditable.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TagItemEditable } from './TagItemEditable';\nimport { TagsModalState } from '../../../../state/TagsModalState';\nimport { observer } from 'mobx-react-lite';\nimport { TAG_MAX_LENGTH } from '@wix/bex-core';\n\nexport interface NewTagItemEditableProps {\n  state: TagsModalState;\n}\n\nconst _NewTagItemEditable = ({ state }: NewTagItemEditableProps) => {\n  const handleApprove = (name: string) => {\n    state.createTagFromList(name);\n  };\n  const handleCancel = () => {\n    state.handleCancelEditCtaClick();\n  };\n\n  return (\n    <TagItemEditable\n      isLastTag\n      errorMessage={state.editedTagErrorMessage}\n      onApprove={handleApprove}\n      onCancel={handleCancel}\n      maxLength={TAG_MAX_LENGTH}\n    />\n  );\n};\n\nexport const NewTagItemEditable = observer(_NewTagItemEditable);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAA+C,IAAAI,YAAA;AAM/C,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EAClE,MAAMC,aAAa,GAAIC,IAAY,IAAK;IACtCF,KAAK,CAACG,iBAAiB,CAACD,IAAI,CAAC;EAC/B,CAAC;EACD,MAAME,YAAY,GAAGA,CAAA,KAAM;IACzBJ,KAAK,CAACK,wBAAwB,CAAC,CAAC;EAClC,CAAC;EAED,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAa,eAAe;IACdC,SAAS;IACTC,YAAY,EAAEV,KAAK,CAACW,qBAAsB;IAC1CC,SAAS,EAAEX,aAAc;IACzBY,QAAQ,EAAET,YAAa;IACvBU,SAAS,EAAEC,uBAAe;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3B,CAAC;AAEN,CAAC;AAEM,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAACxB,mBAAmB,CAAC"}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/TagItemEditable.js

@@ -0,0 +1,78 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TagItemEditable = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Tags/ManageTags/ManageTagsModal/TagItemEditable.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const TagItemEditable = ({
+  tagName,
+  isLastTag,
+  errorMessage,
+  onApprove,
+  onCancel,
+  maxLength
+}) => {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const [currentValueLength, setCurrentValueLength] = (0, _react.useState)((tagName == null ? void 0 : tagName.length) ?? 0);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
+    options: [{
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+        dataHook: "manage-tags-modal-tag-form-field",
+        status: errorMessage ? 'error' : undefined,
+        statusMessage: errorMessage,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 40,
+          columnNumber: 13
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.ListItemEditable, {
+        dataHook: "manage-tags-modal-tag-editable",
+        value: tagName ?? '',
+        onEnterPressed: e => {
+          onApprove(e.currentTarget.value);
+        },
+        onChange: e => setCurrentValueLength(e.target.value.length),
+        onApprove: onApprove,
+        onCancel: onCancel,
+        placeholder: t('cairo.tags.manageTags.modal.list.input.placeholder'),
+        cancelButtonTooltipContent: t('cairo.tags.manageTags.modal.list.input.cancel.CTA'),
+        approveButtonTooltipContent: t('cairo.tags.manageTags.modal.list.input.save.CTA'),
+        approveButtonDisabledOnEmpty: false,
+        autoFocus: true,
+        size: 'small',
+        margins: 'none',
+        suffix: /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 68,
+            columnNumber: 19
+          }
+        }, `${currentValueLength} / ${maxLength}`),
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 45,
+          columnNumber: 15
+        }
+      }))
+    }],
+    verticalPadding: "tiny",
+    showDivider: !isLastTag,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 5
+    }
+  });
+};
+exports.TagItemEditable = TagItemEditable;
+//# sourceMappingURL=TagItemEditable.js.map

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/TagItemEditable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","TagItemEditable","tagName","isLastTag","errorMessage","onApprove","onCancel","maxLength","translate","useWixPatternsContainer","currentValueLength","setCurrentValueLength","useState","length","createElement","TableListItem","options","value","FormField","dataHook","status","undefined","statusMessage","__self","__source","fileName","lineNumber","columnNumber","ListItemEditable","onEnterPressed","currentTarget","onChange","target","placeholder","cancelButtonTooltipContent","approveButtonTooltipContent","approveButtonDisabledOnEmpty","autoFocus","size","margins","suffix","Input","Affix","verticalPadding","showDivider","exports"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/TagItemEditable.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  TableListItem,\n  ListItemEditable,\n  ListItemEditableSize,\n  ListItemEditableMargins,\n  ListItemEditableProps,\n  FormField,\n  Input,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface TagItemEditableProps extends Partial<ListItemEditableProps> {\n  tagName?: string;\n  isLastTag: boolean;\n  errorMessage: string | null;\n  onApprove: (value: string) => void;\n  onCancel: () => void;\n  maxLength: number;\n}\n\nexport const TagItemEditable = ({\n  tagName,\n  isLastTag,\n  errorMessage,\n  onApprove,\n  onCancel,\n  maxLength,\n}: TagItemEditableProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const [currentValueLength, setCurrentValueLength] = useState(\n    tagName?.length ?? 0,\n  );\n\n  return (\n    <TableListItem\n      options={[\n        {\n          value: (\n            <FormField\n              dataHook=\"manage-tags-modal-tag-form-field\"\n              status={errorMessage ? 'error' : undefined}\n              statusMessage={errorMessage}\n            >\n              <ListItemEditable\n                dataHook=\"manage-tags-modal-tag-editable\"\n                value={tagName ?? ''}\n                onEnterPressed={(e: React.KeyboardEvent<HTMLInputElement>) => {\n                  onApprove(e.currentTarget.value);\n                }}\n                onChange={(e) => setCurrentValueLength(e.target.value.length)}\n                onApprove={onApprove}\n                onCancel={onCancel}\n                placeholder={t(\n                  'cairo.tags.manageTags.modal.list.input.placeholder',\n                )}\n                cancelButtonTooltipContent={t(\n                  'cairo.tags.manageTags.modal.list.input.cancel.CTA',\n                )}\n                approveButtonTooltipContent={t(\n                  'cairo.tags.manageTags.modal.list.input.save.CTA',\n                )}\n                approveButtonDisabledOnEmpty={false}\n                autoFocus\n                size={'small' as ListItemEditableSize}\n                margins={'none' as ListItemEditableMargins}\n                suffix={\n                  <Input.Affix>\n                    {`${currentValueLength} / ${maxLength}`}\n                  </Input.Affix>\n                }\n              />\n            </FormField>\n          ),\n        },\n      ]}\n      verticalPadding=\"tiny\"\n      showDivider={!isLastTag}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _Tags = require("../../Tags");
+Object.keys(_Tags).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tags[key]) return;
+  exports[key] = _Tags[key];
+});
+var _ManageTagsModal = require("./ManageTagsModal");
+Object.keys(_ManageTagsModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ManageTagsModal[key]) return;
+  exports[key] = _ManageTagsModal[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Tags","require","Object","keys","forEach","key","exports","_ManageTagsModal"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/index.ts"],"sourcesContent":["export * from '../../Tags';\nexport * from './ManageTagsModal';\n"],"mappings":";;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,KAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,gBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,gBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,gBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,gBAAA,CAAAF,GAAA;AAAA"}

package/dist/cjs/components/Tags/ManageTags/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _ManageTagsModal = require("./ManageTagsModal");
+Object.keys(_ManageTagsModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ManageTagsModal[key]) return;
+  exports[key] = _ManageTagsModal[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Tags/ManageTags/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ManageTagsModal","require","Object","keys","forEach","key","exports"],"sources":["../../../../../src/components/Tags/ManageTags/index.ts"],"sourcesContent":["export * from './ManageTagsModal';\n"],"mappings":";;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,gBAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/Tags/Tags.js

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Tags = void 0;
+var _react = require("react");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _TagsCollectionState = require("../../state/TagsCollectionState");
+const Tags = ({
+  entityTypeName,
+  columnConfig,
+  bulkUpdateTags
+}) => {
+  const toolbarCollectionState = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  (0, _react.useState)(() => {
+    toolbarCollectionState.tagsCollectionState ?? (toolbarCollectionState.tagsCollectionState = new _TagsCollectionState.TagsCollectionState({
+      toolbar: toolbarCollectionState,
+      columnConfig,
+      entityTypeName,
+      bulkUpdateTags
+    }));
+    return toolbarCollectionState.tagsCollectionState;
+  });
+  return null;
+};
+exports.Tags = Tags;
+//# sourceMappingURL=Tags.js.map

package/dist/cjs/components/Tags/Tags.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_ToolbarCollectionContext","_TagsCollectionState","Tags","entityTypeName","columnConfig","bulkUpdateTags","toolbarCollectionState","useToolbarCollectionContext","useState","tagsCollectionState","TagsCollectionState","toolbar","exports"],"sources":["../../../../src/components/Tags/Tags.tsx"],"sourcesContent":["import { ReactElement, useState } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TagsCollectionState } from '../../state/TagsCollectionState';\nimport { TagsColumnConfig } from './types';\nimport { FiltersMap } from '@wix/bex-core';\nimport { BulkUpdateTagsParams } from '../../state/TagsBulkAssignPopoverState';\n\nexport interface TagsProps<T> {\n  /**\n   * A string that represents the name of the entity type(for example \"Orders\"), will be shown on the title of the manage tags modal\n   */\n  entityTypeName: string;\n  /**\n   * Optional config for the column\n   * @param hideable When set to false, will make the column always being checked and shown\n   * @param defaultHidden  Unchecks the column by default for the first visit (not relevant when hideable=false)\n   */\n  columnConfig?: TagsColumnConfig<T>;\n  /**\n   * A callback function that gets a list of assigned and a list of unassigned tags for the selected entities in the bulk and updates the entities according to it\n   * @param assignTags The assign tags objects that need to be update in the entities\n   * @param unassignTags The unassign tags objects that need to be update in the entities\n   * @param entityIds The entities IDs that need to be updated\n   */\n  bulkUpdateTags: (params: BulkUpdateTagsParams) => Promise<unknown>;\n}\n\nexport const Tags = <T, F extends FiltersMap>({\n  entityTypeName,\n  columnConfig,\n  bulkUpdateTags,\n}: TagsProps<T>) => {\n  const toolbarCollectionState = useToolbarCollectionContext<T, F>();\n\n  useState(() => {\n    toolbarCollectionState.tagsCollectionState ??= new TagsCollectionState<\n      T,\n      F\n    >({\n      toolbar: toolbarCollectionState,\n      columnConfig,\n      entityTypeName,\n      bulkUpdateTags,\n    });\n    return toolbarCollectionState.tagsCollectionState;\n  });\n\n  return null;\n};\n\nexport type TagsElement<T> = ReactElement<TagsProps<T>, typeof Tags>;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAyBO,MAAMG,IAAI,GAAGA,CAA0B;EAC5CC,cAAc;EACdC,YAAY;EACZC;AACY,CAAC,KAAK;EAClB,MAAMC,sBAAsB,GAAG,IAAAC,qDAA2B,EAAO,CAAC;EAElE,IAAAC,eAAQ,EAAC,MAAM;IACbF,sBAAsB,CAACG,mBAAmB,KAA1CH,sBAAsB,CAACG,mBAAmB,GAAK,IAAIC,wCAAmB,CAGpE;MACAC,OAAO,EAAEL,sBAAsB;MAC/BF,YAAY;MACZD,cAAc;MACdE;IACF,CAAC,CAAC;IACF,OAAOC,sBAAsB,CAACG,mBAAmB;EACnD,CAAC,CAAC;EAEF,OAAO,IAAI;AACb,CAAC;AAACG,OAAA,CAAAV,IAAA,GAAAA,IAAA"}

package/dist/cjs/components/Tags/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _Tags = require("./Tags");
+Object.keys(_Tags).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tags[key]) return;
+  exports[key] = _Tags[key];
+});
+var _ManageTags = require("./ManageTags");
+Object.keys(_ManageTags).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ManageTags[key]) return;
+  exports[key] = _ManageTags[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Tags/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Tags","require","Object","keys","forEach","key","exports","_ManageTags"],"sources":["../../../../src/components/Tags/index.ts"],"sourcesContent":["export * from './Tags';\nexport * from './ManageTags';\n"],"mappings":";;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,KAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,WAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,WAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,WAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,WAAA,CAAAF,GAAA;AAAA"}

package/dist/cjs/components/Tags/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/cjs/components/Tags/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/Tags/types.ts"],"sourcesContent":["import { TableColumn } from '../../model';\n\nexport type TagsColumnConfig<T> = Pick<\n  TableColumn<T>,\n  'hideable' | 'defaultHidden'\n>;\n"],"mappings":""}

package/dist/cjs/components/TagsAssignButton/TagsAssignButton.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TagsAssignButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _ = require("../..");
+var _BulkAssignTagsPopover = require("../Tags/BulkAssignTagsPopover");
+var _DisabledTooltip = require("../DisabledTooltip");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TagsAssignButton/TagsAssignButton.tsx";
+const TagsAssignButton = () => {
+  const maxSelectedEntitiesNum = 100;
+  const toolbarCollectionState = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const {
+    translate: t
+  } = (0, _.useWixPatternsContainer)();
+  const {
+    tagsBulkAssignPopoverState
+  } = toolbarCollectionState.tagsCollectionState ?? {};
+  if (!tagsBulkAssignPopoverState) {
+    return null;
+  }
+  const selectedCountOrTotal = toolbarCollectionState.bulk.selectedCountOrTotal;
+  const disableButton = selectedCountOrTotal > maxSelectedEntitiesNum;
+  return /*#__PURE__*/_react.default.createElement(_BulkAssignTagsPopover.BulkAssignTagsPopover, {
+    state: tagsBulkAssignPopoverState,
+    popoverElement: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 29,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_DisabledTooltip.DisabledTooltip, {
+      content: t('cairo.tags.popover.bulkItemLimit.tooltip'),
+      disabled: !disableButton,
+      dataHook: "tags-assign-button-disabled-tooltip",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 30,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+      skin: "standard",
+      priority: "secondary",
+      size: "small",
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TagSmall, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 39,
+          columnNumber: 27
+        }
+      }),
+      dataHook: "tags-assign-button",
+      onClick: () => {
+        tagsBulkAssignPopoverState.showPopover();
+      },
+      disabled: disableButton,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 35,
+        columnNumber: 13
+      }
+    }, t('cairo.tags.collectionPage.add.CTA')))),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 5
+    }
+  });
+};
+exports.TagsAssignButton = TagsAssignButton;
+//# sourceMappingURL=TagsAssignButton.js.map

package/dist/cjs/components/TagsAssignButton/TagsAssignButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_ToolbarCollectionContext","_","_BulkAssignTagsPopover","_DisabledTooltip","_jsxFileName","TagsAssignButton","maxSelectedEntitiesNum","toolbarCollectionState","useToolbarCollectionContext","translate","t","useWixPatternsContainer","tagsBulkAssignPopoverState","tagsCollectionState","selectedCountOrTotal","bulk","disableButton","default","createElement","BulkAssignTagsPopover","state","popoverElement","Box","__self","__source","fileName","lineNumber","columnNumber","DisabledTooltip","content","disabled","dataHook","Button","skin","priority","size","prefixIcon","TagSmall","onClick","showPopover","exports"],"sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { TagSmall } from '@wix/wix-ui-icons-common';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '../..';\nimport { BulkAssignTagsPopover } from '../Tags/BulkAssignTagsPopover';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nexport const TagsAssignButton = () => {\n  const maxSelectedEntitiesNum = 100;\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { tagsBulkAssignPopoverState } =\n    toolbarCollectionState.tagsCollectionState ?? {};\n\n  if (!tagsBulkAssignPopoverState) {\n    return null;\n  }\n\n  const selectedCountOrTotal = toolbarCollectionState.bulk.selectedCountOrTotal;\n\n  const disableButton = selectedCountOrTotal > maxSelectedEntitiesNum;\n\n  return (\n    <BulkAssignTagsPopover\n      state={tagsBulkAssignPopoverState}\n      popoverElement={\n        <Box>\n          <DisabledTooltip\n            content={t('cairo.tags.popover.bulkItemLimit.tooltip')}\n            disabled={!disableButton}\n            dataHook=\"tags-assign-button-disabled-tooltip\"\n          >\n            <Button\n              skin=\"standard\"\n              priority=\"secondary\"\n              size=\"small\"\n              prefixIcon={<TagSmall />}\n              dataHook=\"tags-assign-button\"\n              onClick={() => {\n                tagsBulkAssignPopoverState.showPopover();\n              }}\n              disabled={disableButton}\n            >\n              {t('cairo.tags.collectionPage.add.CTA')}\n            </Button>\n          </DisabledTooltip>\n        </Box>\n      }\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,CAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AAAqD,IAAAO,YAAA;AAE9C,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,sBAAsB,GAAG,GAAG;EAClC,MAAMC,sBAAsB,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC5D,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,yBAAuB,EAAC,CAAC;EAElD,MAAM;IAAEC;EAA2B,CAAC,GAClCL,sBAAsB,CAACM,mBAAmB,IAAI,CAAC,CAAC;EAElD,IAAI,CAACD,0BAA0B,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,MAAME,oBAAoB,GAAGP,sBAAsB,CAACQ,IAAI,CAACD,oBAAoB;EAE7E,MAAME,aAAa,GAAGF,oBAAoB,GAAGR,sBAAsB;EAEnE,oBACEX,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAChB,sBAAA,CAAAiB,qBAAqB;IACpBC,KAAK,EAAER,0BAA2B;IAClCS,cAAc,eACZ1B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAwB,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACFhC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACf,gBAAA,CAAAyB,eAAe;MACdC,OAAO,EAAEnB,CAAC,CAAC,0CAA0C,CAAE;MACvDoB,QAAQ,EAAE,CAACd,aAAc;MACzBe,QAAQ,EAAC,qCAAqC;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAE9ChC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAkC,MAAM;MACLC,IAAI,EAAC,UAAU;MACfC,QAAQ,EAAC,WAAW;MACpBC,IAAI,EAAC,OAAO;MACZC,UAAU,eAAEzC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,iBAAA,CAAAsC,QAAQ;QAAAd,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArB,YAAA;UAAAsB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACzBI,QAAQ,EAAC,oBAAoB;MAC7BO,OAAO,EAAEA,CAAA,KAAM;QACb1B,0BAA0B,CAAC2B,WAAW,CAAC,CAAC;MAC1C,CAAE;MACFT,QAAQ,EAAEd,aAAc;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEvBjB,CAAC,CAAC,mCAAmC,CAChC,CACO,CACd,CACN;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN,CAAC;AAACa,OAAA,CAAAnC,gBAAA,GAAAA,gBAAA"}

package/dist/cjs/components/TagsAssignButton/TagsAssignButton.uni.driver.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _BulkAssignTagsPopoverUni = require("../Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.uni.driver");
+var _DisabledTooltipButtonUni = require("../DisabledTooltip/DisabledTooltipButton.uni.driver");
+var _default = (base, body) => {
+  const button = (0, _DisabledTooltipButtonUni.DisabledTooltipButtonUniDriver)(base, body, {
+    dataHook: 'tags-assign-button'
+  });
+  return {
+    ...button,
+    popover: () => (0, _BulkAssignTagsPopoverUni.BulkAssignTagsPopoverUniDriver)(base, body)
+  };
+};
+exports.default = _default;
+//# sourceMappingURL=TagsAssignButton.uni.driver.js.map

package/dist/cjs/components/TagsAssignButton/TagsAssignButton.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_BulkAssignTagsPopoverUni","require","_DisabledTooltipButtonUni","_default","base","body","button","DisabledTooltipButtonUniDriver","dataHook","popover","BulkAssignTagsPopoverUniDriver","exports","default"],"sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { BulkAssignTagsPopoverUniDriver } from '../Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.uni.driver';\nimport { DisabledTooltipButtonUniDriver } from '../DisabledTooltip/DisabledTooltipButton.uni.driver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const button = DisabledTooltipButtonUniDriver(base, body, {\n    dataHook: 'tags-assign-button',\n  });\n\n  return {\n    ...button,\n    popover: () => BulkAssignTagsPopoverUniDriver(base, body),\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AAAqG,IAAAE,QAAA,GAEtFA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,MAAMC,MAAM,GAAG,IAAAC,wDAA8B,EAACH,IAAI,EAAEC,IAAI,EAAE;IACxDG,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEF,OAAO;IACL,GAAGF,MAAM;IACTG,OAAO,EAAEA,CAAA,KAAM,IAAAC,wDAA8B,EAACN,IAAI,EAAEC,IAAI;EAC1D,CAAC;AACH,CAAC;AAAAM,OAAA,CAAAC,OAAA,GAAAT,QAAA"}