@wix/patterns 1.119.0 → 1.121.0

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

@@ -1 +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","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: 'WixPatterns/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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAUA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AACA,IAAAQ,sBAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAEA,IAAAU,mBAAA,GAAAV,OAAA;AACA,IAAAW,+BAAA,GAAAX,OAAA;AACA,IAAAY,uBAAA,GAAAZ,OAAA;AACA,IAAAa,QAAA,GAAAb,OAAA;AAA4D,IAAAc,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,SAAAjB,wBAAAiB,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,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAK5D,MAAMW,wBAAwB,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAAA,IAAAC,kBAAA;EACpE,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EACA,MAAM;IAAEC,SAAS,EAAEzB;EAAE,CAAC,GAAG,IAAA0B,+BAAuB,EAAC,CAAC;EAClDT,KAAK,CAACU,GAAG,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAExC,MAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACnCb,KAAK,CAACc,oBAAoB,CAAC,CAAC;EAC9B,CAAC,EAAE,CAACd,KAAK,CAAC,CAAC;EAEX,MAAMe,iBAAiB,GAAG,IAAAF,kBAAW,EAAC,MAAM;IAC1Cb,KAAK,CAACgB,oBAAoB,CAAC,CAAC;EAC9B,CAAC,EAAE,CAAChB,KAAK,CAAC,CAAC;EAEX,MAAMiB,yBAAyB,GAAG,IAAAJ,kBAAW,EAAC,MAAM;IAClDb,KAAK,CAACkB,mBAAmB,CAAC,CAAC;EAC7B,CAAC,EAAE,CAAClB,KAAK,CAAC,CAAC;EAEX,MAAMmB,iBAAiB,GAAG,IAAAN,kBAAW,EAAC,MAAM;IAC1Cb,KAAK,CAACmB,iBAAiB,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACnB,KAAK,CAAC,CAAC;EAEX,MAAMoB,kBAAkB,GAAG,IAAAP,kBAAW,EACnCQ,KAAK,IAAK;IACT,MAAMC,cAAc,GAAGD,KAAK,CAACE,MAAM,CAACC,KAAK;IACzCxB,KAAK,CAACoB,kBAAkB,CAACE,cAAc,CAAC;EAC1C,CAAC,EACD,CAACtB,KAAK,CACR,CAAC;EAED,MAAMyB,uBAAuB,GAAG,IAAAZ,kBAAW,EACxCa,WAAwB,IAAK;IAC5B1B,KAAK,CAAC2B,gBAAgB,CAACD,WAAW,CAAC;EACrC,CAAC,EACD,CAAC1B,KAAK,CACR,CAAC;EAED,oBACEtC,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAA+D,KAAK;IACJC,MAAM,EAAE9B,KAAK,CAAC8B,MAAO;IACrBC,cAAc,EAAEnB,UAAW;IAC3BoB,yBAAyB;IACzBC,QAAQ,EAAC,mBAAmB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE5B5E,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAAyE,GAAG;IAACC,KAAK,EAAE,GAAI;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACd5E,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAA2E,iBAAiB;IAChBC,SAAS,EAAE,IAAAC,wBAAE,EAACC,6BAAO,CAACC,IAAI,CAAE;IAC5BC,SAAS,EAAC,SAAS;IACnBC,iBAAiB;IACjBC,oBAAoB;IACpBC,KAAK,EAAElE,CAAC,CAAC,mCAAmC,EAAE;MAC5CmE,UAAU,EAAElD,KAAK,CAACmD;IACpB,CAAC,CAAE;IACHC,QAAQ,EAAErE,CAAC,CAAC,sCAAsC,CAAE;IACpDsE,WAAW,eACT3F,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAAyE,GAAG;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1D,YAAA;QAAA2D,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACF5E,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAAwF,UAAU;MACTrB,QAAQ,EAAC,8BAA8B;MACvCsB,IAAI,EAAC,OAAO;MACZC,UAAU,eAAE9F,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC7D,iBAAA,CAAA0F,GAAG;QAAAvB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA1D,YAAA;UAAA2D,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACpBoB,OAAO,EAAE3C,iBAAkB;MAC3B4C,QAAQ,EAAE3D,KAAK,CAAC4D,uBAAwB;MAAA1B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1D,YAAA;QAAA2D,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEvCvD,CAAC,CAAC,qCAAqC,CAC9B,CACT,CACN;IACD8E,iBAAiB,EAAE9E,CAAC,CAAC,uCAAuC,CAAE;IAC9D+E,oBAAoB,EAAElD,UAAW;IACjCmD,kBAAkB,EAAEnD,UAAW;IAC/BqB,QAAQ,EAAC,0BAA0B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnC5E,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAAyE,GAAG;IAACyB,SAAS,EAAC,UAAU;IAACC,MAAM,EAAC,MAAM;IAACC,IAAI,EAAE,CAAE;IAAAhC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7CtC,KAAK,CAAC0B,WAAW,iBAChBhE,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAAyE,GAAG;IACF4B,QAAQ,EAAC,UAAU;IACnBC,GAAG,EAAC,MAAM;IACVC,IAAI,EAAC,KAAK;IACVC,SAAS,EAAC,kBAAkB;IAC5BC,QAAQ,EAAC,OAAO;IAAArC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEhB5E,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAACpD,uBAAA,CAAAgG,sBAAsB;IACrB9C,WAAW,EAAE1B,KAAK,CAAC0B,WAAY;IAC/B+C,OAAO,EAAEhD,uBAAwB;IACjCQ,QAAQ,EAAC,gCAAgC;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1C,CACE,CACN,eACD5E,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAAyE,GAAG;IAACyB,SAAS,EAAC,UAAU;IAACU,GAAG,EAAC,KAAK;IAAAxC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjC5E,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAAyE,GAAG;IAACoC,OAAO,EAAC,OAAO;IAAAzC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClB5E,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAA8G,MAAM;IACLC,SAAS;IACT5C,QAAQ,EAAC,0BAA0B;IACnC6C,QAAQ,EAAE1D,kBAAmB;IAC7BI,KAAK,EAAExB,KAAK,CAAC+E,WAAY;IACzBC,WAAW,EAAEjG,CAAC,CACZ,gDACF,CAAE;IACFkG,cAAc,EAAEhE,yBAA0B;IAC1CiE,OAAO,EAAE/D,iBAAkB;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5B,CACE,CAAC,eACN5E,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAAqH,OAAO;IAAAjD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACP,CAAC,eACN5E,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAAyE,GAAG;IACFyB,SAAS,EAAC,UAAU;IACpBoB,SAAS,EAAE,GAAI;IACfC,SAAS,EAAE,GAAI;IACfpD,QAAQ,EAAC,6BAA6B;IACtCa,SAAS,EAAC,MAAM;IAChBwC,aAAa,EAAC,KAAK;IAAApD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnB5E,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAACzD,kBAAA,CAAAoH,iBAAiB;IAACzC,SAAS;IAAC0C,MAAM;IAAC9E,GAAG,EAAEV,KAAK,CAACU,GAAI;IAAAwB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChDtC,KAAK,CAAC+E,WAAW,IAAI/E,KAAK,CAACyF,UAAU,CAACC,MAAM,KAAK,CAAC,iBACjDhI,MAAA,CAAAuB,OAAA,CAAA2C,aAAA;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACE5E,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAA6H,OAAO;IACNC,KAAK,EAAC,OAAO;IACbrC,IAAI,EAAC,MAAM;IACXsC,UAAU,EAAC,MAAM;IACjBnC,OAAO,EAAEzC,yBAA0B;IACnCgB,QAAQ,EAAC,4BAA4B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAErC5E,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAAgI,IAAI;IAACC,IAAI,EAAC,SAAS;IAAA7D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClB5E,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAACvD,MAAA,CAAA2H,KAAK;IACJC,OAAO,EAAC,6CAA6C;IACrDC,MAAM,EAAE;MACNC,OAAO,EAAE,GAAGnG,KAAK,CAAC+E,WAAW,CAACqB,KAAK,CACjC,CAAC,EACDC,uBACF,CAAC;IACH,CAAE;IACFC,UAAU,EAAE;MACVC,IAAI,eAAE7I,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAAgI,IAAI;QAACU,MAAM,EAAC,MAAM;QAACT,IAAI,EAAC,SAAS;QAAA7D,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA1D,YAAA;UAAA2D,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE;IAC5C,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACG,CACC,CACN,CACN,EACAtC,KAAK,CAACyF,UAAU,CAACgB,GAAG,CAAC,CAACC,GAAG,EAAEC,GAAG,kBAC7BjJ,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC3D,aAAA,CAAA2I,YAAY;IACX5G,KAAK,EAAEA,KAAM;IACb6G,GAAG,EAAEH,GAAG,CAACI,EAAG;IACZJ,GAAG,EAAEA,GAAI;IACTK,SAAS,EACP,CAAC/G,KAAK,CAAC4D,uBAAuB,IAC9B+C,GAAG,KAAK3G,KAAK,CAACyF,UAAU,CAACC,MAAM,GAAG,CACnC;IAAAxD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CACF,CAAC,EACDtC,KAAK,CAAC4D,uBAAuB,iBAC5BlG,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAACtD,mBAAA,CAAA0I,kBAAkB;IAAChH,KAAK,EAAEA,KAAM;IAAAkC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAEpB,CAChB,CACF,CACY,CAChB,CAAC,EACLtC,KAAK,CAACiH,iBAAiB,CAACzF,KAAK,iBAC5B9D,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAACxD,sBAAA,CAAA8I,qBAAqB,MAAAC,SAAA,CAAAlI,OAAA;IACpBgD,QAAQ,EAAC,wCAAwC;IACjDjC,KAAK,EAAEA,KAAK,CAACiH,iBAAkB;IAC/BG,OAAO,eACL1J,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAACvD,MAAA,CAAA2H,KAAK;MACJC,OAAO,EAAC,8CAA8C;MACtDC,MAAM,EAAE;QAAEK,IAAI,GAAAtG,kBAAA,GAAED,KAAK,CAACqH,WAAW,qBAAjBpH,kBAAA,CAAmBsG;MAAK,CAAE;MAC1CD,UAAU,EAAE;QACVgB,IAAI,eAAE5J,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAAgI,IAAI;UAAA5D,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA1D,YAAA;YAAA2D,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC;QACdiE,IAAI,eAAE7I,MAAA,CAAAuB,OAAA,CAAA2C,aAAA,CAAC9D,aAAA,CAAAgI,IAAI;UAACU,MAAM,EAAC,MAAM;UAAAtE,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA1D,YAAA;YAAA2D,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE;MAC7B,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1D,YAAA;QAAA2D,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH;EACF,GACGtC,KAAK,CAACiH,iBAAiB,CAACzF,KAAK;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,EAClC,CAEE,CAAC;AAEZ,CAAC;AAEM,MAAMiF,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAAC1H,wBAAwB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_react2","_TagsListItem","_ManageTagsModalStCss","_ScrollableContent","_ActionModal","_Trans","_NewTagItemEditable","_minimalRequiredWdsRuntimeCheck","_ManageTagsNotification","_bexCore","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","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","MessageActionModal","_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 { MessageActionModal } from '../../../ActionModal';\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: 'WixPatterns/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        <MessageActionModal\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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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ManageTagsModal3028133487";
+var _namespace_ = "ManageTagsModal2300451133";
 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": "ManageTagsModal3028133487__root"
+  "root": "ManageTagsModal2300451133__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +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_ = \"ManageTagsModal3028133487\";\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\":\"ManageTagsModal3028133487__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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","ignoreList":[]}
+{"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_ = \"ManageTagsModal2300451133\";\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\":\"ManageTagsModal2300451133__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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","ignoreList":[]}

package/dist/cjs/components/TagsWidget/TagsWidget.js

@@ -4,30 +4,144 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.TagsWidgetBase = exports.TagsWidget = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
 var _designSystem = require("@wix/design-system");
 var _CardContainer = require("../CardContainer");
 var _TagsWidgetContext = require("../TagsWidgetContext");
-var _useTagsWidget = require("../../hooks/useTagsWidget");
 var _TagsWidgetContent = require("./TagsWidgetContent");
 var _bexCore = require("@wix/bex-core");
 exports.OnSubmitTagsFuncType = _bexCore.OnSubmitTagsFuncType;
 var _useWidgetPageStatus = require("../useWidgetPageStatus");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _useTagsWidget = require("../../hooks/useTagsWidget");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TagsWidget/TagsWidget.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 && {}.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 InlineLayoutContent = ({
+  dataHook,
+  state: _state,
+  ...contentProps
+}) => {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const state = _state;
+  const {
+    status
+  } = (0, _useWidgetPageStatus.useWidgetPageStatus)(state.initTask.status.status);
+  if (status === 'idle' || status === 'loading') {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 110,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+      span: 8,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 111,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": dataHook,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 112,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+      marginBottom: "7px",
+      marginTop: "7px",
+      dataHook: "tags-widget-skeleton",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 113,
+        columnNumber: 13
+      }
+    }))));
+  }
+  if (status === 'error') {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      justifyItems: "center",
+      gap: "tiny",
+      dataHook: dataHook,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 126,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      dataHook: "tags-widget-error-text",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 127,
+        columnNumber: 9
+      }
+    }, t('cairo.tags.loadTags.error.body')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+      dataHook: "tags-widget-retry-button",
+      onClick: state.retry,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 130,
+        columnNumber: 9
+      }
+    }, t('cairo.tags.loadTags.error.CTA')));
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 138,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_TagsWidgetContent.TagsWidgetContent, (0, _extends2.default)({}, contentProps, {
+    state: state,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 139,
+      columnNumber: 7
+    }
+  })));
+};
 const _TagsWidgetBase = ({
   subtitle,
   dataHook,
-  status,
+  theme,
+  state: _state,
   ...contentProps
 }) => {
-  const container = (0, _react2.useWixPatternsContainer)();
-  const state = (0, _TagsWidgetContext.useTagsWidgetContext)();
   const {
     translate: t
-  } = container;
+  } = (0, _react2.useWixPatternsContainer)();
+  const state = _state;
+  const {
+    status
+  } = (0, _useWidgetPageStatus.useWidgetPageStatus)(state.initTask.status.status);
+  if (theme === 'inline') {
+    return /*#__PURE__*/_react.default.createElement(InlineLayoutContent, (0, _extends2.default)({
+      dataHook: dataHook,
+      state: state
+    }, contentProps, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 158,
+        columnNumber: 7
+      }
+    }));
+  }
   return /*#__PURE__*/_react.default.createElement(_CardContainer.CardContainer, {
     dataHook: dataHook,
     status: status,
@@ -40,7 +154,7 @@ const _TagsWidgetBase = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 88,
+            lineNumber: 175,
             columnNumber: 23
           }
         }),
@@ -50,7 +164,7 @@ const _TagsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 167,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
@@ -60,14 +174,14 @@ const _TagsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 180,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 185,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
@@ -75,7 +189,7 @@ const _TagsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 186,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TagsWidgetContent.TagsWidgetContent, (0, _extends2.default)({
@@ -84,7 +198,7 @@ const _TagsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 187,
       columnNumber: 9
     }
   }))));
@@ -94,30 +208,29 @@ const _TagsWidget = props => {
   const {
     origin,
     fqdn,
+    state: externalState,
     ...baseComponentProps
   } = props;
-  const state = (0, _useTagsWidget.useTagsWidget)({
+  const internalState = (0, _useTagsWidget.useTagsWidgetInternal)({
     origin,
-    fqdn: (0, _bexCore.parseFqdn)(fqdn)
+    fqdn
   });
-  const {
-    status
-  } = (0, _useWidgetPageStatus.useWidgetPageStatus)(state.initTask.status.status);
+  const [state] = (0, _react.useState)(() => externalState ?? internalState);
   return /*#__PURE__*/_react.default.createElement(_TagsWidgetContext.TagsWidgetContextProvider, {
     value: state,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 206,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(TagsWidgetBase, (0, _extends2.default)({
-    status: status
+    state: state
   }, baseComponentProps, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 207,
       columnNumber: 7
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_designSystem","_CardContainer","_TagsWidgetContext","_useTagsWidget","_TagsWidgetContent","_bexCore","exports","OnSubmitTagsFuncType","_useWidgetPageStatus","_wixUiIconsCommon","_jsxFileName","_TagsWidgetBase","subtitle","dataHook","status","contentProps","container","useWixPatternsContainer","state","useTagsWidgetContext","translate","t","default","createElement","CardContainer","errorState","action","text","prefixIcon","Refresh","__self","__source","fileName","lineNumber","columnNumber","onClick","retry","Card","Header","title","Divider","Content","TagsWidgetContent","_extends2","TagsWidgetBase","observer","_TagsWidget","props","origin","fqdn","baseComponentProps","useTagsWidget","parseFqdn","useWidgetPageStatus","initTask","TagsWidgetContextProvider","value","TagsWidget"],"sources":["../../../../src/components/TagsWidget/TagsWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { Card } from '@wix/design-system';\nimport { CardContainer, CardContainerProps } from '../CardContainer';\nimport {\n  TagsWidgetContextProvider,\n  useTagsWidgetContext,\n} from '../TagsWidgetContext';\nimport { useTagsWidget } from '../../hooks/useTagsWidget';\nimport { TagsWidgetContent } from './TagsWidgetContent';\nimport { Tags, OnSubmitTagsFuncType, parseFqdn } from '@wix/bex-core';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\nimport { Refresh } from '@wix/wix-ui-icons-common';\n\nexport interface TagsWidgetProps {\n  /**\n   * The FQDN to be used to extract schema from data-extension service.\n   */\n  fqdn: string;\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  /**\n   * A string that represents the id of the current entity\n   */\n  entityId?: string | null;\n\n  /**\n   * Tags object which is associated with the entity when the widget is loaded\n   */\n  initialTags?: Tags;\n\n  /**\n   * A subtitle to show on the tags widget card\n   */\n  subtitle?: string;\n\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests\n   */\n  dataHook?: string;\n\n  /**\n   * A callback function that is called when a user adds or removes tags from the entity.\n   * @param tags an object that contains: \\\n   * `allTags` - the updated tags object that contains the private and public tags. \\\n   * `addedTags` - an array of the added tags. \\\n   * `removedTags` - an array of the removed tags.\n   */\n  onSubmit?: OnSubmitTagsFuncType;\n\n  /**\n   * origin of the widget\n   */\n  origin?: string;\n}\n\nexport { OnSubmitTagsFuncType };\n\nexport interface TagsWidgetBaseProps\n  extends Omit<TagsWidgetProps, 'origin' | 'fqdn'> {\n  status: CardContainerProps['status'];\n}\n\nconst _TagsWidgetBase = ({\n  subtitle,\n  dataHook,\n  status,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const container = useWixPatternsContainer();\n  const state = useTagsWidgetContext();\n\n  const { translate: t } = container;\n\n  return (\n    <CardContainer\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        subtitle: t('cairo.tags.loadTags.error.body'),\n        action: {\n          text: t('cairo.tags.loadTags.error.CTA'),\n          prefixIcon: <Refresh />,\n          onClick: state.retry,\n        },\n      }}\n    >\n      <Card.Header\n        dataHook=\"tags-widget-card-header\"\n        title={t('cairo.tags.tagsWidget.title')}\n        subtitle={subtitle || t('cairo.tags.tagsWidget.subtitle')}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"tags-widget-card-content\">\n        <TagsWidgetContent state={state} {...contentProps} />\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const TagsWidgetBase = observer(_TagsWidgetBase);\n\nconst _TagsWidget = (props: TagsWidgetProps) => {\n  const { origin, fqdn, ...baseComponentProps } = props;\n  const state = useTagsWidget({\n    origin,\n    fqdn: parseFqdn(fqdn),\n  });\n\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  return (\n    <TagsWidgetContextProvider value={state}>\n      <TagsWidgetBase status={status} {...baseComponentProps} />\n    </TagsWidgetContextProvider>\n  );\n};\n\nexport const TagsWidget = observer(_TagsWidget);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_CardContainer","_TagsWidgetContext","_TagsWidgetContent","_bexCore","exports","OnSubmitTagsFuncType","_useWidgetPageStatus","_wixUiIconsCommon","_useTagsWidget","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InlineLayoutContent","dataHook","state","_state","contentProps","translate","useWixPatternsContainer","status","useWidgetPageStatus","initTask","createElement","Layout","__self","__source","fileName","lineNumber","columnNumber","Cell","span","SkeletonLine","marginBottom","marginTop","Box","justifyItems","gap","Text","TextButton","onClick","retry","TagsWidgetContent","_extends2","_TagsWidgetBase","subtitle","theme","CardContainer","errorState","action","text","prefixIcon","Refresh","Card","Header","title","Divider","Content","TagsWidgetBase","observer","_TagsWidget","props","origin","fqdn","externalState","baseComponentProps","internalState","useTagsWidgetInternal","useState","TagsWidgetContextProvider","value","TagsWidget"],"sources":["../../../../src/components/TagsWidget/TagsWidget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  Box,\n  Card,\n  Cell,\n  Layout,\n  SkeletonLine,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { CardContainer } from '../CardContainer';\nimport { TagsWidgetContextProvider } from '../TagsWidgetContext';\nimport { TagsWidgetContent } from './TagsWidgetContent';\nimport { Tags, OnSubmitTagsFuncType, TagsWidgetState } from '@wix/bex-core';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\nimport { Refresh } from '@wix/wix-ui-icons-common';\nimport { useTagsWidgetInternal } from '../../hooks/useTagsWidget';\n\nexport type TagsWidgetProps = {\n  /**\n   * The FQDN of the entity.\n   */\n  fqdn?: string;\n\n  /**\n   * A string that represents the name of the entity type (e.g., \"Orders\"),\n   * displayed as the title of the manage tags modal.\n   */\n  entityTypeName: string;\n  /**\n   * A string that represents the ID of the current entity.\n   */\n  entityId?: string | null;\n  /**\n   * Tags object associated with the entity when the widget is loaded.\n   */\n  initialTags?: Tags;\n  /**\n   * A subtitle to show on the tags widget card. Relevant for the default card theme only.\n   */\n  subtitle?: string;\n  /**\n   * Applies a `data-hook` HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n  /**\n   * A callback function that is called when a user adds or removes tags from the entity.\n   * @param tags - An object containing:\n   * `allTags`: The updated tags object containing both private and public tags. \\\n   * `addedTags`: An array of added tags. \\\n   * `removedTags`: An array of removed tags.\n   */\n  onSubmit?: OnSubmitTagsFuncType;\n  /**\n   * The origin of the widget.\n   */\n  origin?: string;\n  /**\n   * The theme of the tags widget.\n   */\n  theme?: 'card' | 'inline';\n\n  /**\n   * Displays tags without the option to edit them.\n   */\n  readOnly?: boolean;\n} & (\n  | {\n      /**\n       * The FQDN used to extract the schema from the data-extension service.\n       */\n      fqdn: string;\n\n      /**\n       * The widget state (should not be used when `fqdn` is provided).\n       */\n      state?: never;\n    }\n  | {\n      /**\n       * The widget state (should be used when `fqdn` is not provided).\n       */\n      state: TagsWidgetState;\n\n      /**\n       * The FQDN should not be provided if `state` is specified.\n       */\n      fqdn?: never;\n    }\n);\n\nexport { OnSubmitTagsFuncType };\n\nexport interface TagsWidgetBaseProps\n  extends Omit<TagsWidgetProps, 'origin' | 'fqdn'> {}\n\nconst InlineLayoutContent = ({\n  dataHook,\n  state: _state,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const state = _state!;\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (status === 'idle' || status === 'loading') {\n    return (\n      <Layout>\n        <Cell span={8}>\n          <div data-hook={dataHook}>\n            <SkeletonLine\n              marginBottom=\"7px\"\n              marginTop=\"7px\"\n              dataHook=\"tags-widget-skeleton\"\n            />\n          </div>\n        </Cell>\n      </Layout>\n    );\n  }\n\n  if (status === 'error') {\n    return (\n      <Box justifyItems=\"center\" gap=\"tiny\" dataHook={dataHook}>\n        <Text dataHook=\"tags-widget-error-text\">\n          {t('cairo.tags.loadTags.error.body')}\n        </Text>\n        <TextButton dataHook=\"tags-widget-retry-button\" onClick={state.retry}>\n          {t('cairo.tags.loadTags.error.CTA')}\n        </TextButton>\n      </Box>\n    );\n  }\n\n  return (\n    <div data-hook={dataHook}>\n      <TagsWidgetContent {...contentProps} state={state} />\n    </div>\n  );\n};\n\nconst _TagsWidgetBase = ({\n  subtitle,\n  dataHook,\n  theme,\n  state: _state,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const state = _state!;\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (theme === 'inline') {\n    return (\n      <InlineLayoutContent\n        dataHook={dataHook}\n        state={state}\n        {...contentProps}\n      />\n    );\n  }\n\n  return (\n    <CardContainer\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        subtitle: t('cairo.tags.loadTags.error.body'),\n        action: {\n          text: t('cairo.tags.loadTags.error.CTA'),\n          prefixIcon: <Refresh />,\n          onClick: state.retry,\n        },\n      }}\n    >\n      <Card.Header\n        dataHook=\"tags-widget-card-header\"\n        title={t('cairo.tags.tagsWidget.title')}\n        subtitle={subtitle || t('cairo.tags.tagsWidget.subtitle')}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"tags-widget-card-content\">\n        <TagsWidgetContent state={state} {...contentProps} />\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const TagsWidgetBase = observer(_TagsWidgetBase);\n\nconst _TagsWidget = (props: TagsWidgetProps) => {\n  const { origin, fqdn, state: externalState, ...baseComponentProps } = props;\n\n  const internalState = useTagsWidgetInternal({\n    origin,\n    fqdn,\n  });\n\n  const [state] = useState(() => externalState ?? internalState);\n\n  return (\n    <TagsWidgetContextProvider value={state}>\n      <TagsWidgetBase state={state} {...baseComponentProps} />\n    </TagsWidgetContextProvider>\n  );\n};\n\nexport const TagsWidget = observer(_TagsWidget);\n"],"mappings":"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","ignoreList":[]}

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

@@ -20,9 +20,19 @@ var _default = (base, body) => {
   const cardContainer = () => (0, _CardContainerUni.default)(base, body);
   const getTagById = tagId => multiSelect().driver.getTagDriverByTagId(tagId);
   const selectOptionById = tagId => multiSelect().driver.selectOptionById(tagId);
+  const readOnlyEmptyStateText = () => (0, _unidriver2.TextUniDriver)(base.$(`[data-hook="tags-widget-readonly-empty-state"]`), body);
+  const getReadOnlyTagAt = index => (0, _unidriver2.TagUniDriver)(base.$$(`[data-hook="tags-widget-tag"]`).at(index), body);
+  const numberOfReadOnlyTags = () => base.$$(`[data-hook="tags-widget-tag"]`).count();
+  const inlineErrorText = () => {
+    return (0, _unidriver2.TextUniDriver)(base.$(`[data-hook="tags-widget-error-text"]`), body);
+  };
+  const inlineRetryButton = () => {
+    return (0, _unidriver2.TextButtonUniDriver)(base.$(`[data-hook="tags-widget-retry-button"]`), body);
+  };
   return {
     manageTagsModal,
     modalExists: () => manageTagsModal().exists(),
+    cardHeader: () => cardHeader(),
     title: () => cardHeader().title(),
     subtitle: () => cardHeader().subtitle(),
     inputPlaceholder: () => multiSelect().inputDriver.getPlaceholder(),
@@ -33,6 +43,7 @@ var _default = (base, body) => {
       await tag.removeTag();
     },
     optionContentAt: index => multiSelect().dropdownLayoutDriver.optionContentAt(index),
+    clickAtOption: index => multiSelect().dropdownLayoutDriver.clickAtOption(index),
     enterText: text => multiSelect().inputDriver.enterText(text),
     getTagLabelAt: index => multiSelect().driver.getTagLabelAt(index),
     customSuffixExists: () => multiSelect().driver.customSuffixExists(),
@@ -51,6 +62,17 @@ var _default = (base, body) => {
     /** Gets try again button text */
     getTryAgainContent: () => cardContainer().getErrorState().getRetryButton().getButtonTextContent(),
     showsSkeletonHeader: () => cardContainer().showsSkeletonHeader(),
+    getReadOnlyEmptyStateContent: () => readOnlyEmptyStateText().getText(),
+    getReadOnlyTagAt,
+    numberOfReadOnlyTags,
+    /** Returns the error text */
+    getInlineErrorText: () => inlineErrorText().getText(),
+    /** Clicks on try again button when error state visible */
+    clickInlineTryAgain: () => inlineRetryButton().click(),
+    /** Gets try again button text */
+    getInlineTryAgainText: () => inlineRetryButton().getButtonTextContent(),
+    /** Return true id skeleton os shown */
+    showsInlineSkeleton: () => base.$('[data-hook="tags-widget-skeleton"]').exists(),
     ...(0, _unidriver.baseUniDriverFactory)(base)
   };
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_ManageTagsModalUni","_CardContainerUni","_interopRequireDefault","_default","base","body","cardHeader","CardHeaderUniDriver","$","multiSelect","MultiSelectUniDriver","manageTagsButton","ButtonUniDriver","assignTagsButton","TextButtonUniDriver","manageTagsModal","ManageTagsModalUniDriver","cardContainer","CardContainerUniDriver","getTagById","tagId","driver","getTagDriverByTagId","selectOptionById","modalExists","exists","title","subtitle","inputPlaceholder","inputDriver","getPlaceholder","numberOfTags","optionsLength","dropdownLayoutDriver","removeTag","tag","optionContentAt","index","enterText","text","getTagLabelAt","customSuffixExists","selectAddTagOption","dropdownLayout","manageTagsButtonExists","clickManageTagsButton","click","clickAssignTagsButton","focus","blur","getErrorSubtitle","getErrorState","getSubtitleText","clickTryAgain","getRetryButton","getTryAgainContent","getButtonTextContent","showsSkeletonHeader","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/TagsWidget/TagsWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  CardHeaderUniDriver,\n  MultiSelectUniDriver,\n  ButtonUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { ManageTagsModalUniDriver } from '../Tags/ManageTags/ManageTagsModal/ManageTagsModal.uni.driver';\nimport CardContainerUniDriver from '../CardContainer/CardContainer.uni.driver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const cardHeader = () =>\n    CardHeaderUniDriver(base.$(`[data-hook=\"tags-widget-card-header\"]`), base);\n  const multiSelect = () =>\n    MultiSelectUniDriver(\n      base.$(`[data-hook=\"tags-widget-multi-select\"]`),\n      body,\n    );\n\n  const manageTagsButton = () => {\n    return ButtonUniDriver(base.$(`[data-hook=\"manage-tags-cta\"]`), body);\n  };\n\n  const assignTagsButton = () => {\n    return TextButtonUniDriver(base.$(`[data-hook=\"assign-tags-cta\"]`), body);\n  };\n\n  const manageTagsModal = () => ManageTagsModalUniDriver(base, body);\n  const cardContainer = () => CardContainerUniDriver(base, body);\n\n  const getTagById = (tagId: string) =>\n    multiSelect().driver.getTagDriverByTagId(tagId);\n  const selectOptionById = (tagId: string) =>\n    multiSelect().driver.selectOptionById(tagId);\n  return {\n    manageTagsModal,\n    modalExists: () => manageTagsModal().exists(),\n    title: () => cardHeader().title(),\n    subtitle: () => cardHeader().subtitle(),\n    inputPlaceholder: () => multiSelect().inputDriver.getPlaceholder(),\n    numberOfTags: () => multiSelect().driver.numberOfTags(),\n    optionsLength: () => multiSelect().dropdownLayoutDriver.optionsLength(),\n    removeTag: async (tagId: string) => {\n      const tag = await getTagById(tagId);\n      await tag.removeTag();\n    },\n    optionContentAt: (index: number) =>\n      multiSelect().dropdownLayoutDriver.optionContentAt(index),\n    enterText: (text: string) => multiSelect().inputDriver.enterText(text),\n    getTagLabelAt: (index: number) => multiSelect().driver.getTagLabelAt(index),\n    customSuffixExists: () => multiSelect().driver.customSuffixExists(),\n    selectOptionById,\n    selectAddTagOption: () => selectOptionById('add-item-option'),\n    dropdownLayout: () => multiSelect().dropdownLayoutDriver,\n    manageTagsButtonExists: () => manageTagsButton().exists(),\n    clickManageTagsButton: () => manageTagsButton().click(),\n    clickAssignTagsButton: () => assignTagsButton().click(),\n    focus: () => multiSelect().inputDriver.focus(),\n    blur: () => multiSelect().inputDriver.blur(),\n    /** Returns the error state subtitle */\n    getErrorSubtitle: () => cardContainer().getErrorState().getSubtitleText(),\n    /** Clicks on try again button when error state visible */\n    clickTryAgain: () =>\n      cardContainer().getErrorState().getRetryButton().click(),\n    /** Gets try again button text */\n    getTryAgainContent: () =>\n      cardContainer().getErrorState().getRetryButton().getButtonTextContent(),\n    showsSkeletonHeader: () => cardContainer().showsSkeletonHeader(),\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_ManageTagsModalUni","_CardContainerUni","_interopRequireDefault","_default","base","body","cardHeader","CardHeaderUniDriver","$","multiSelect","MultiSelectUniDriver","manageTagsButton","ButtonUniDriver","assignTagsButton","TextButtonUniDriver","manageTagsModal","ManageTagsModalUniDriver","cardContainer","CardContainerUniDriver","getTagById","tagId","driver","getTagDriverByTagId","selectOptionById","readOnlyEmptyStateText","TextUniDriver","getReadOnlyTagAt","index","TagUniDriver","$$","at","numberOfReadOnlyTags","count","inlineErrorText","inlineRetryButton","modalExists","exists","title","subtitle","inputPlaceholder","inputDriver","getPlaceholder","numberOfTags","optionsLength","dropdownLayoutDriver","removeTag","tag","optionContentAt","clickAtOption","enterText","text","getTagLabelAt","customSuffixExists","selectAddTagOption","dropdownLayout","manageTagsButtonExists","clickManageTagsButton","click","clickAssignTagsButton","focus","blur","getErrorSubtitle","getErrorState","getSubtitleText","clickTryAgain","getRetryButton","getTryAgainContent","getButtonTextContent","showsSkeletonHeader","getReadOnlyEmptyStateContent","getText","getInlineErrorText","clickInlineTryAgain","getInlineTryAgainText","showsInlineSkeleton","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/TagsWidget/TagsWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  CardHeaderUniDriver,\n  MultiSelectUniDriver,\n  ButtonUniDriver,\n  TextButtonUniDriver,\n  TextUniDriver,\n  TagUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { ManageTagsModalUniDriver } from '../Tags/ManageTags/ManageTagsModal/ManageTagsModal.uni.driver';\nimport CardContainerUniDriver from '../CardContainer/CardContainer.uni.driver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const cardHeader = () =>\n    CardHeaderUniDriver(base.$(`[data-hook=\"tags-widget-card-header\"]`), base);\n  const multiSelect = () =>\n    MultiSelectUniDriver(\n      base.$(`[data-hook=\"tags-widget-multi-select\"]`),\n      body,\n    );\n\n  const manageTagsButton = () => {\n    return ButtonUniDriver(base.$(`[data-hook=\"manage-tags-cta\"]`), body);\n  };\n\n  const assignTagsButton = () => {\n    return TextButtonUniDriver(base.$(`[data-hook=\"assign-tags-cta\"]`), body);\n  };\n\n  const manageTagsModal = () => ManageTagsModalUniDriver(base, body);\n  const cardContainer = () => CardContainerUniDriver(base, body);\n\n  const getTagById = (tagId: string) =>\n    multiSelect().driver.getTagDriverByTagId(tagId);\n  const selectOptionById = (tagId: string) =>\n    multiSelect().driver.selectOptionById(tagId);\n\n  const readOnlyEmptyStateText = () =>\n    TextUniDriver(\n      base.$(`[data-hook=\"tags-widget-readonly-empty-state\"]`),\n      body,\n    );\n\n  const getReadOnlyTagAt = (index: number) =>\n    TagUniDriver(base.$$(`[data-hook=\"tags-widget-tag\"]`).at(index), body);\n\n  const numberOfReadOnlyTags = () =>\n    base.$$(`[data-hook=\"tags-widget-tag\"]`).count();\n\n  const inlineErrorText = () => {\n    return TextUniDriver(base.$(`[data-hook=\"tags-widget-error-text\"]`), body);\n  };\n\n  const inlineRetryButton = () => {\n    return TextButtonUniDriver(\n      base.$(`[data-hook=\"tags-widget-retry-button\"]`),\n      body,\n    );\n  };\n\n  return {\n    manageTagsModal,\n    modalExists: () => manageTagsModal().exists(),\n    cardHeader: () => cardHeader(),\n    title: () => cardHeader().title(),\n    subtitle: () => cardHeader().subtitle(),\n    inputPlaceholder: () => multiSelect().inputDriver.getPlaceholder(),\n    numberOfTags: () => multiSelect().driver.numberOfTags(),\n    optionsLength: () => multiSelect().dropdownLayoutDriver.optionsLength(),\n    removeTag: async (tagId: string) => {\n      const tag = await getTagById(tagId);\n      await tag.removeTag();\n    },\n    optionContentAt: (index: number) =>\n      multiSelect().dropdownLayoutDriver.optionContentAt(index),\n    clickAtOption: (index: number) =>\n      multiSelect().dropdownLayoutDriver.clickAtOption(index),\n    enterText: (text: string) => multiSelect().inputDriver.enterText(text),\n    getTagLabelAt: (index: number) => multiSelect().driver.getTagLabelAt(index),\n    customSuffixExists: () => multiSelect().driver.customSuffixExists(),\n    selectOptionById,\n    selectAddTagOption: () => selectOptionById('add-item-option'),\n    dropdownLayout: () => multiSelect().dropdownLayoutDriver,\n    manageTagsButtonExists: () => manageTagsButton().exists(),\n    clickManageTagsButton: () => manageTagsButton().click(),\n    clickAssignTagsButton: () => assignTagsButton().click(),\n    focus: () => multiSelect().inputDriver.focus(),\n    blur: () => multiSelect().inputDriver.blur(),\n    /** Returns the error state subtitle */\n    getErrorSubtitle: () => cardContainer().getErrorState().getSubtitleText(),\n    /** Clicks on try again button when error state visible */\n    clickTryAgain: () =>\n      cardContainer().getErrorState().getRetryButton().click(),\n    /** Gets try again button text */\n    getTryAgainContent: () =>\n      cardContainer().getErrorState().getRetryButton().getButtonTextContent(),\n    showsSkeletonHeader: () => cardContainer().showsSkeletonHeader(),\n    getReadOnlyEmptyStateContent: () => readOnlyEmptyStateText().getText(),\n    getReadOnlyTagAt,\n    numberOfReadOnlyTags,\n    /** Returns the error text */\n    getInlineErrorText: () => inlineErrorText().getText(),\n    /** Clicks on try again button when error state visible */\n    clickInlineTryAgain: () => inlineRetryButton().click(),\n    /** Gets try again button text */\n    getInlineTryAgainText: () => inlineRetryButton().getButtonTextContent(),\n    /** Return true id skeleton os shown */\n    showsInlineSkeleton: () =>\n      base.$('[data-hook=\"tags-widget-skeleton\"]').exists(),\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}