@wix/patterns 1.119.0 → 1.120.0

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":[]}

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

@@ -10,9 +10,50 @@ var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _mobx = require("mobx");
 var _bexCore = require("@wix/bex-core");
 var _TagsModalState = require("../../state/TagsModalState");
+var _useSelector = require("../../useSelector");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TagsWidget/TagsWidgetContent.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 ReadonlyTagsWidgetContent = ({
+  formState
+}) => {
+  const {
+    translate: t,
+    initTask
+  } = (0, _react2.useWixPatternsContainer)();
+  (0, _useSelector.useSelector)(() => initTask.status);
+  if (formState.displayedAssignedTags.length === 0) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      dataHook: "tags-widget-readonly-empty-state",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 46,
+        columnNumber: 7
+      }
+    }, t('cairo.tags.tagsField.readOnly.emptyState'));
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "tiny",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 53,
+      columnNumber: 5
+    }
+  }, formState.displayedAssignedTags.map(tag => /*#__PURE__*/_react.default.createElement(_designSystem.Tag, {
+    key: tag.id,
+    id: tag.id,
+    dataHook: "tags-widget-tag",
+    removable: false,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 55,
+      columnNumber: 9
+    }
+  }, tag.label)));
+};
 const ManageTagsModal = /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "ManageTagsModal" */'../Tags/ManageTags/ManageTagsModal/ManageTagsModal'))).then(module => ({
   default: module.ManageTagsModal
 })));
@@ -21,12 +62,12 @@ const _TagsWidgetContent = ({
   onSubmit,
   entityTypeName,
   initialTags,
-  entityId
+  entityId,
+  readOnly
 }) => {
-  const container = (0, _react2.useWixPatternsContainer)();
   const {
     translate: t
-  } = container;
+  } = (0, _react2.useWixPatternsContainer)();
   const [formState] = (0, _react.useState)(() => (0, _mobx.runInAction)(() => state.tagsFormState ?? (state.tagsFormState = new _bexCore.TagsFormState({
     initialTags,
     tagsManagementState: state.tagsManagementState,
@@ -57,7 +98,7 @@ const _TagsWidgetContent = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 82,
+          lineNumber: 120,
           columnNumber: 25
         }
       })
@@ -93,6 +134,17 @@ const _TagsWidgetContent = ({
   const handleMultiSelectBlur = (0, _react.useCallback)(() => {
     formState.setIsMultiSelectOnFocus(false);
   }, []);
+  if (readOnly) {
+    return /*#__PURE__*/_react.default.createElement(ReadonlyTagsWidgetContent, {
+      formState: formState,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 176,
+        columnNumber: 12
+      }
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelect, {
     value: formState.searchValue,
     onChange: handleSearchChange,
@@ -106,7 +158,7 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 150,
+        lineNumber: 193,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -115,7 +167,7 @@ const _TagsWidgetContent = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 153,
+          lineNumber: 196,
           columnNumber: 27
         }
       }),
@@ -123,7 +175,7 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 151,
+        lineNumber: 194,
         columnNumber: 13
       }
     }, t('cairo.tags.tagsWidget.add.CTA'))),
@@ -131,14 +183,14 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 162,
+        lineNumber: 205,
         columnNumber: 13
       }
     }, !!tagsOptions.length && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 163,
+        lineNumber: 206,
         columnNumber: 40
       }
     }), /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
@@ -149,7 +201,7 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 164,
+        lineNumber: 207,
         columnNumber: 15
       }
     })),
@@ -160,7 +212,7 @@ const _TagsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 181,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
@@ -168,7 +220,7 @@ const _TagsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 225,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(ManageTagsModal, {
@@ -176,7 +228,7 @@ const _TagsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 183,
+      lineNumber: 226,
       columnNumber: 9
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_wixUiIconsCommon","_mobx","_bexCore","_TagsModalState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","container","useWixPatternsContainer","translate","formState","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","useEffect","disposers","init","forEach","disposer","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","id","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","createElement","Add","__self","__source","fileName","lineNumber","columnNumber","displayedAssignedTags","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","tagSubOrigin","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","Box","TextButton","size","dataHook","fixedFooter","isInEmptyState","undefined","length","Divider","ListItemAction","onClick","MANAGE_TAGS_OPTION_ID","onSelect","onRemoveTag","placeholder","isMultiSelectOnFocus","Suspense","fallback","TagsWidgetContent","exports","observer"],"sources":["../../../../src/components/TagsWidget/TagsWidgetContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  MultiSelect,\n  Box,\n  TextButton,\n  listItemActionBuilder,\n  DropdownLayoutOption,\n  Divider,\n  ListItemAction,\n} from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { TagsWidgetBaseProps } from './TagsWidget';\nimport { runInAction } from 'mobx';\nimport {\n  ADD_ITEM_OPTION_ID,\n  MANAGE_TAGS_OPTION_ID,\n  TAG_MAX_LENGTH,\n  TagsFormState,\n  TagsWidgetState,\n} from '@wix/bex-core';\nimport { TagsModalState } from '../../state/TagsModalState';\n\ninterface TagsWidgetContentProps\n  extends Omit<TagsWidgetBaseProps, 'subtitle' | 'dataHook' | 'status'> {\n  state: TagsWidgetState;\n}\n\nconst ManageTagsModal = React.lazy(() =>\n  import(\n    /* webpackChunkName: \"ManageTagsModal\" */ '../Tags/ManageTags/ManageTagsModal/ManageTagsModal'\n  ).then((module) => ({ default: module.ManageTagsModal })),\n);\n\nconst _TagsWidgetContent = ({\n  state,\n  onSubmit,\n  entityTypeName,\n  initialTags,\n  entityId,\n}: TagsWidgetContentProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const [formState] = useState(() =>\n    runInAction(\n      () =>\n        (state.tagsFormState ??= new TagsFormState({\n          initialTags,\n          tagsManagementState: state.tagsManagementState,\n          origin: state.origin,\n          entityTypeName,\n        })),\n    ),\n  );\n  const [tagsModalState] = useState(\n    () =>\n      new TagsModalState({\n        tagsManagementState: state.tagsManagementState,\n        entityTypeName,\n      }),\n  );\n\n  useEffect(() => {\n    const disposers = [formState.init({ entityId }), tagsModalState.init()];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }, []);\n\n  const tagsOptions = useMemo(() => {\n    const options = formState.displayedTagOptions;\n\n    const addTagOptionItems = formState.shouldShowCreateTagOption\n      ? [\n          listItemActionBuilder({\n            id: ADD_ITEM_OPTION_ID,\n            title: t('cairo.tags.tagsWidget.options.add.CTA', {\n              tagName: formState.searchValue?.slice(0, TAG_MAX_LENGTH),\n            }),\n            prefixIcon: <AddIcon />,\n          }),\n        ]\n      : [];\n\n    return [...addTagOptionItems, ...options];\n  }, [\n    formState.displayedTagOptions,\n    formState.searchValue,\n    formState.shouldShowCreateTagOption,\n    formState.displayedAssignedTags,\n  ]);\n\n  const handleSearchChange = useCallback((event) => {\n    formState.handleSearchChange(event.target.value);\n  }, []);\n\n  const handleTagSelect = useCallback(\n    async (option: DropdownLayoutOption) => {\n      const convertedOption = {\n        id: option.id as string,\n        value: option.value as string,\n      };\n      formState.handleTagSelect(convertedOption, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleTagRemove = useCallback(\n    (tagId) => {\n      formState.unassignTag(tagId, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleOptionsShow = useCallback(() => {\n    formState.handleOptionsShow();\n  }, []);\n\n  const handleManageTagsCtaClick = useCallback(() => {\n    formState.handleManageTagsCtaClick();\n    tagsModalState.openManageTagsModal({\n      origin: formState.origin,\n      tagSubOrigin: 'tagsWidget',\n    });\n  }, []);\n\n  const handleMultiSelectFocus = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(true);\n  }, []);\n\n  const handleMultiSelectBlur = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(false);\n  }, []);\n  return (\n    <>\n      <MultiSelect\n        value={formState.searchValue}\n        onChange={handleSearchChange}\n        options={tagsOptions}\n        onFocus={handleMultiSelectFocus}\n        onBlur={handleMultiSelectBlur}\n        tags={formState.displayedAssignedTags}\n        onOptionsShow={handleOptionsShow}\n        markedOption={\n          formState.shouldShowCreateTagOption ? ADD_ITEM_OPTION_ID : true\n        }\n        customSuffix={\n          <Box>\n            <TextButton\n              size=\"small\"\n              prefixIcon={<AddIcon />}\n              dataHook=\"assign-tags-cta\"\n            >\n              {t('cairo.tags.tagsWidget.add.CTA')}\n            </TextButton>\n          </Box>\n        }\n        fixedFooter={\n          formState.isInEmptyState ? undefined : (\n            <div>\n              {!!tagsOptions.length && <Divider />}\n              <ListItemAction\n                dataHook=\"manage-tags-cta\"\n                onClick={handleManageTagsCtaClick}\n                id={MANAGE_TAGS_OPTION_ID}\n                title={t('cairo.tags.tagsWidget.options.manage.CTA')}\n              />\n            </div>\n          )\n        }\n        onSelect={handleTagSelect}\n        onRemoveTag={handleTagRemove}\n        placeholder={\n          formState.isInEmptyState && formState.isMultiSelectOnFocus\n            ? t('cairo.tags.tagsWidget.input.placeholder')\n            : undefined\n        }\n        dataHook=\"tags-widget-multi-select\"\n      />\n      <React.Suspense fallback={null}>\n        <ManageTagsModal state={tagsModalState} />\n      </React.Suspense>\n    </>\n  );\n};\n\nexport const TagsWidgetContent = observer(_TagsWidgetContent);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AASA,IAAAI,iBAAA,GAAAJ,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAOA,IAAAO,eAAA,GAAAP,OAAA;AAA4D,IAAAQ,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,SAAAX,wBAAAW,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;AAO5D,MAAMW,eAAe,gBAAGC,cAAK,CAACC,IAAI,CAAC,MACjCC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAAnC,uBAAA,CAAAC,OAAA,CACE,yCAA0C,oDAAoD,IAC9FkC,IAAI,CAAEC,MAAM,KAAM;EAAEpB,OAAO,EAAEoB,MAAM,CAACN;AAAgB,CAAC,CAAC,CAC1D,CAAC;AAED,MAAMO,kBAAkB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,QAAQ;EACRC,cAAc;EACdC,WAAW;EACXC;AACsB,CAAC,KAAK;EAC5B,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAE/B;EAAE,CAAC,GAAG6B,SAAS;EAClC,MAAM,CAACG,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAC3B,IAAAC,iBAAW,EACT,MACGV,KAAK,CAACW,aAAa,KAAnBX,KAAK,CAACW,aAAa,GAAK,IAAIC,sBAAa,CAAC;IACzCT,WAAW;IACXU,mBAAmB,EAAEb,KAAK,CAACa,mBAAmB;IAC9CC,MAAM,EAAEd,KAAK,CAACc,MAAM;IACpBZ;EACF,CAAC,CAAC,CACN,CACF,CAAC;EACD,MAAM,CAACa,cAAc,CAAC,GAAG,IAAAN,eAAQ,EAC/B,MACE,IAAIO,8BAAc,CAAC;IACjBH,mBAAmB,EAAEb,KAAK,CAACa,mBAAmB;IAC9CX;EACF,CAAC,CACL,CAAC;EAED,IAAAe,gBAAS,EAAC,MAAM;IACd,MAAMC,SAAS,GAAG,CAACV,SAAS,CAACW,IAAI,CAAC;MAAEf;IAAS,CAAC,CAAC,EAAEW,cAAc,CAACI,IAAI,CAAC,CAAC,CAAC;IAEvE,OAAO,MAAM;MACXD,SAAS,CAACE,OAAO,CAAEC,QAAQ,IAAKA,QAAQ,CAAC,CAAC,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAM;IAAA,IAAAC,qBAAA;IAChC,MAAMC,OAAO,GAAGjB,SAAS,CAACkB,mBAAmB;IAE7C,MAAMC,iBAAiB,GAAGnB,SAAS,CAACoB,yBAAyB,GACzD,CACE,IAAAC,mCAAqB,EAAC;MACpBC,EAAE,EAAEC,2BAAkB;MACtBC,KAAK,EAAExD,CAAC,CAAC,uCAAuC,EAAE;QAChDyD,OAAO,GAAAT,qBAAA,GAAEhB,SAAS,CAAC0B,WAAW,qBAArBV,qBAAA,CAAuBW,KAAK,CAAC,CAAC,EAAEC,uBAAc;MACzD,CAAC,CAAC;MACFC,UAAU,eAAE5E,MAAA,CAAAiB,OAAA,CAAA4D,aAAA,CAACvE,iBAAA,CAAAwE,GAAO;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvE,YAAA;UAAAwE,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE;IACxB,CAAC,CAAC,CACH,GACD,EAAE;IAEN,OAAO,CAAC,GAAGjB,iBAAiB,EAAE,GAAGF,OAAO,CAAC;EAC3C,CAAC,EAAE,CACDjB,SAAS,CAACkB,mBAAmB,EAC7BlB,SAAS,CAAC0B,WAAW,EACrB1B,SAAS,CAACoB,yBAAyB,EACnCpB,SAAS,CAACqC,qBAAqB,CAChC,CAAC;EAEF,MAAMC,kBAAkB,GAAG,IAAAC,kBAAW,EAAEC,KAAK,IAAK;IAChDxC,SAAS,CAACsC,kBAAkB,CAACE,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,eAAe,GAAG,IAAAJ,kBAAW,EACjC,MAAOK,MAA4B,IAAK;IACtC,MAAMC,eAAe,GAAG;MACtBvB,EAAE,EAAEsB,MAAM,CAACtB,EAAY;MACvBoB,KAAK,EAAEE,MAAM,CAACF;IAChB,CAAC;IACD1C,SAAS,CAAC2C,eAAe,CAACE,eAAe,EAAEpD,QAAQ,CAAC;EACtD,CAAC,EACD,CAACA,QAAQ,CACX,CAAC;EAED,MAAMqD,eAAe,GAAG,IAAAP,kBAAW,EAChCQ,KAAK,IAAK;IACT/C,SAAS,CAACgD,WAAW,CAACD,KAAK,EAAEtD,QAAQ,CAAC;EACxC,CAAC,EACD,CAACA,QAAQ,CACX,CAAC;EAED,MAAMwD,iBAAiB,GAAG,IAAAV,kBAAW,EAAC,MAAM;IAC1CvC,SAAS,CAACiD,iBAAiB,CAAC,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,wBAAwB,GAAG,IAAAX,kBAAW,EAAC,MAAM;IACjDvC,SAAS,CAACkD,wBAAwB,CAAC,CAAC;IACpC3C,cAAc,CAAC4C,mBAAmB,CAAC;MACjC7C,MAAM,EAAEN,SAAS,CAACM,MAAM;MACxB8C,YAAY,EAAE;IAChB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,sBAAsB,GAAG,IAAAd,kBAAW,EAAC,MAAM;IAC/CvC,SAAS,CAACsD,uBAAuB,CAAC,IAAI,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,qBAAqB,GAAG,IAAAhB,kBAAW,EAAC,MAAM;IAC9CvC,SAAS,CAACsD,uBAAuB,CAAC,KAAK,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;EACN,oBACErG,MAAA,CAAAiB,OAAA,CAAA4D,aAAA,CAAA7E,MAAA,CAAAiB,OAAA,CAAAsF,QAAA,qBACEvG,MAAA,CAAAiB,OAAA,CAAA4D,aAAA,CAACxE,aAAA,CAAAmG,WAAW;IACVf,KAAK,EAAE1C,SAAS,CAAC0B,WAAY;IAC7BgC,QAAQ,EAAEpB,kBAAmB;IAC7BrB,OAAO,EAAEH,WAAY;IACrB6C,OAAO,EAAEN,sBAAuB;IAChCO,MAAM,EAAEL,qBAAsB;IAC9BM,IAAI,EAAE7D,SAAS,CAACqC,qBAAsB;IACtCyB,aAAa,EAAEb,iBAAkB;IACjCc,YAAY,EACV/D,SAAS,CAACoB,yBAAyB,GAAGG,2BAAkB,GAAG,IAC5D;IACDyC,YAAY,eACV/G,MAAA,CAAAiB,OAAA,CAAA4D,aAAA,CAACxE,aAAA,CAAA2G,GAAG;MAAAjC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvE,YAAA;QAAAwE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACFnF,MAAA,CAAAiB,OAAA,CAAA4D,aAAA,CAACxE,aAAA,CAAA4G,UAAU;MACTC,IAAI,EAAC,OAAO;MACZtC,UAAU,eAAE5E,MAAA,CAAAiB,OAAA,CAAA4D,aAAA,CAACvE,iBAAA,CAAAwE,GAAO;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvE,YAAA;UAAAwE,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACxBgC,QAAQ,EAAC,iBAAiB;MAAApC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvE,YAAA;QAAAwE,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEzBpE,CAAC,CAAC,+BAA+B,CACxB,CACT,CACN;IACDqG,WAAW,EACTrE,SAAS,CAACsE,cAAc,GAAGC,SAAS,gBAClCtH,MAAA,CAAAiB,OAAA,CAAA4D,aAAA;MAAAE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvE,YAAA;QAAAwE,UAAA;QAAAC,YAAA;MAAA;IAAA,GACG,CAAC,CAACtB,WAAW,CAAC0D,MAAM,iBAAIvH,MAAA,CAAAiB,OAAA,CAAA4D,aAAA,CAACxE,aAAA,CAAAmH,OAAO;MAAAzC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvE,YAAA;QAAAwE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,eACpCnF,MAAA,CAAAiB,OAAA,CAAA4D,aAAA,CAACxE,aAAA,CAAAoH,cAAc;MACbN,QAAQ,EAAC,iBAAiB;MAC1BO,OAAO,EAAEzB,wBAAyB;MAClC5B,EAAE,EAAEsD,8BAAsB;MAC1BpD,KAAK,EAAExD,CAAC,CAAC,0CAA0C,CAAE;MAAAgE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvE,YAAA;QAAAwE,UAAA;QAAAC,YAAA;MAAA;IAAA,CACtD,CACE,CAER;IACDyC,QAAQ,EAAElC,eAAgB;IAC1BmC,WAAW,EAAEhC,eAAgB;IAC7BiC,WAAW,EACT/E,SAAS,CAACsE,cAAc,IAAItE,SAAS,CAACgF,oBAAoB,GACtDhH,CAAC,CAAC,yCAAyC,CAAC,GAC5CuG,SACL;IACDH,QAAQ,EAAC,0BAA0B;IAAApC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpC,CAAC,eACFnF,MAAA,CAAAiB,OAAA,CAAA4D,aAAA,CAAC7E,MAAA,CAAAiB,OAAK,CAAC+G,QAAQ;IAACC,QAAQ,EAAE,IAAK;IAAAlD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7BnF,MAAA,CAAAiB,OAAA,CAAA4D,aAAA,CAAC9C,eAAe;IAACQ,KAAK,EAAEe,cAAe;IAAAyB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3B,CAChB,CAAC;AAEP,CAAC;AAEM,MAAM+C,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC9F,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_wixUiIconsCommon","_mobx","_bexCore","_TagsModalState","_useSelector","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReadonlyTagsWidgetContent","formState","translate","initTask","useWixPatternsContainer","useSelector","status","displayedAssignedTags","length","createElement","Text","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","map","tag","Tag","key","id","removable","label","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","readOnly","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","useEffect","disposers","init","forEach","disposer","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","Add","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","tagSubOrigin","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","TextButton","size","fixedFooter","isInEmptyState","undefined","Divider","ListItemAction","onClick","MANAGE_TAGS_OPTION_ID","onSelect","onRemoveTag","placeholder","isMultiSelectOnFocus","Suspense","fallback","TagsWidgetContent","exports","observer"],"sources":["../../../../src/components/TagsWidget/TagsWidgetContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  MultiSelect,\n  Box,\n  TextButton,\n  listItemActionBuilder,\n  DropdownLayoutOption,\n  Divider,\n  ListItemAction,\n  Tag,\n  Text,\n} from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { TagsWidgetBaseProps } from './TagsWidget';\nimport { runInAction } from 'mobx';\nimport {\n  ADD_ITEM_OPTION_ID,\n  MANAGE_TAGS_OPTION_ID,\n  TAG_MAX_LENGTH,\n  TagsFormState,\n  TagsWidgetState,\n} from '@wix/bex-core';\nimport { TagsModalState } from '../../state/TagsModalState';\nimport { useSelector } from '../../useSelector';\n\ninterface TagsWidgetContentProps\n  extends Omit<\n    TagsWidgetBaseProps,\n    'subtitle' | 'dataHook' | 'status' | 'theme'\n  > {\n  state: TagsWidgetState;\n}\n\nconst ReadonlyTagsWidgetContent = ({\n  formState,\n}: {\n  formState: TagsFormState;\n}) => {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n\n  if (formState.displayedAssignedTags.length === 0) {\n    return (\n      <Text dataHook=\"tags-widget-readonly-empty-state\">\n        {t('cairo.tags.tagsField.readOnly.emptyState')}\n      </Text>\n    );\n  }\n\n  return (\n    <Box gap=\"tiny\">\n      {formState.displayedAssignedTags.map((tag) => (\n        <Tag\n          key={tag.id}\n          id={tag.id}\n          dataHook=\"tags-widget-tag\"\n          removable={false}\n        >\n          {tag.label}\n        </Tag>\n      ))}\n    </Box>\n  );\n};\n\nconst ManageTagsModal = React.lazy(() =>\n  import(\n    /* webpackChunkName: \"ManageTagsModal\" */ '../Tags/ManageTags/ManageTagsModal/ManageTagsModal'\n  ).then((module) => ({ default: module.ManageTagsModal })),\n);\n\nconst _TagsWidgetContent = ({\n  state,\n  onSubmit,\n  entityTypeName,\n  initialTags,\n  entityId,\n  readOnly,\n}: TagsWidgetContentProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const [formState] = useState(() =>\n    runInAction(\n      () =>\n        (state.tagsFormState ??= new TagsFormState({\n          initialTags,\n          tagsManagementState: state.tagsManagementState,\n          origin: state.origin,\n          entityTypeName,\n        })),\n    ),\n  );\n  const [tagsModalState] = useState(\n    () =>\n      new TagsModalState({\n        tagsManagementState: state.tagsManagementState,\n        entityTypeName,\n      }),\n  );\n\n  useEffect(() => {\n    const disposers = [formState.init({ entityId }), tagsModalState.init()];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }, []);\n\n  const tagsOptions = useMemo(() => {\n    const options = formState.displayedTagOptions;\n\n    const addTagOptionItems = formState.shouldShowCreateTagOption\n      ? [\n          listItemActionBuilder({\n            id: ADD_ITEM_OPTION_ID,\n            title: t('cairo.tags.tagsWidget.options.add.CTA', {\n              tagName: formState.searchValue?.slice(0, TAG_MAX_LENGTH),\n            }),\n            prefixIcon: <AddIcon />,\n          }),\n        ]\n      : [];\n\n    return [...addTagOptionItems, ...options];\n  }, [\n    formState.displayedTagOptions,\n    formState.searchValue,\n    formState.shouldShowCreateTagOption,\n    formState.displayedAssignedTags,\n  ]);\n\n  const handleSearchChange = useCallback((event) => {\n    formState.handleSearchChange(event.target.value);\n  }, []);\n\n  const handleTagSelect = useCallback(\n    async (option: DropdownLayoutOption) => {\n      const convertedOption = {\n        id: option.id as string,\n        value: option.value as string,\n      };\n      formState.handleTagSelect(convertedOption, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleTagRemove = useCallback(\n    (tagId) => {\n      formState.unassignTag(tagId, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleOptionsShow = useCallback(() => {\n    formState.handleOptionsShow();\n  }, []);\n\n  const handleManageTagsCtaClick = useCallback(() => {\n    formState.handleManageTagsCtaClick();\n    tagsModalState.openManageTagsModal({\n      origin: formState.origin,\n      tagSubOrigin: 'tagsWidget',\n    });\n  }, []);\n\n  const handleMultiSelectFocus = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(true);\n  }, []);\n\n  const handleMultiSelectBlur = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(false);\n  }, []);\n\n  if (readOnly) {\n    return <ReadonlyTagsWidgetContent formState={formState} />;\n  }\n\n  return (\n    <>\n      <MultiSelect\n        value={formState.searchValue}\n        onChange={handleSearchChange}\n        options={tagsOptions}\n        onFocus={handleMultiSelectFocus}\n        onBlur={handleMultiSelectBlur}\n        tags={formState.displayedAssignedTags}\n        onOptionsShow={handleOptionsShow}\n        markedOption={\n          formState.shouldShowCreateTagOption ? ADD_ITEM_OPTION_ID : true\n        }\n        customSuffix={\n          <Box>\n            <TextButton\n              size=\"small\"\n              prefixIcon={<AddIcon />}\n              dataHook=\"assign-tags-cta\"\n            >\n              {t('cairo.tags.tagsWidget.add.CTA')}\n            </TextButton>\n          </Box>\n        }\n        fixedFooter={\n          formState.isInEmptyState ? undefined : (\n            <div>\n              {!!tagsOptions.length && <Divider />}\n              <ListItemAction\n                dataHook=\"manage-tags-cta\"\n                onClick={handleManageTagsCtaClick}\n                id={MANAGE_TAGS_OPTION_ID}\n                title={t('cairo.tags.tagsWidget.options.manage.CTA')}\n              />\n            </div>\n          )\n        }\n        onSelect={handleTagSelect}\n        onRemoveTag={handleTagRemove}\n        placeholder={\n          formState.isInEmptyState && formState.isMultiSelectOnFocus\n            ? t('cairo.tags.tagsWidget.input.placeholder')\n            : undefined\n        }\n        dataHook=\"tags-widget-multi-select\"\n      />\n      <React.Suspense fallback={null}>\n        <ManageTagsModal state={tagsModalState} />\n      </React.Suspense>\n    </>\n  );\n};\n\nexport const TagsWidgetContent = observer(_TagsWidgetContent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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_ = "ToolbarItemBox3302237508";
+var _namespace_ = "ToolbarItemBox584290701";
 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": "ToolbarItemBox3302237508__root"
+  "root": "ToolbarItemBox584290701__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox3302237508\";\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\":\"ToolbarItemBox3302237508__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","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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox584290701\";\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\":\"ToolbarItemBox584290701__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/common.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common1306935680";
+var _namespace_ = "common2127301889";
 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": "common1306935680__root",
-  "column": "common1306935680__column",
-  "fullHeight": "common1306935680__fullHeight"
+  "root": "common2127301889__root",
+  "column": "common2127301889__column",
+  "fullHeight": "common2127301889__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common1306935680\";\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\":\"common1306935680__root\",\"column\":\"common1306935680__column\",\"fullHeight\":\"common1306935680__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common2127301889\";\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\":\"common2127301889__root\",\"column\":\"common2127301889__column\",\"fullHeight\":\"common2127301889__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/dashboard/WixPatternsDashboardTestProvider.js

@@ -10,6 +10,7 @@ var _testkit = require("@wix/bex-utils/@wix/bex-bundled-mini-essentials/testkit"
 var _client = require("@wix/bex-utils/@wix/bex-bundled-mini-essentials/http-client/testkit/client");
 var _client2 = require("@wix/bex-core/testkit/client");
 var _dataExtensionServiceMocks = require("../test-utils/dataExtensionServiceMocks");
+var _tagsServiceMocks = require("../test-utils/tagsServiceMocks");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/dashboard/WixPatternsDashboardTestProvider.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; }
@@ -37,7 +38,7 @@ function WixPatternsDashboardTestProvider(props) {
       bag: {}
     },
     httpClient: {
-      scenarios: [...(0, _client2.appSettingsMocks)(_client.whenRequest), ...(0, _client2.exportServiceMocks)(_client.whenRequest).mocks, ...(0, _dataExtensionServiceMocks.dataExtensionServiceMocks)(_client.whenRequest).mocks]
+      scenarios: [...(0, _client2.appSettingsMocks)(_client.whenRequest), ...(0, _client2.exportServiceMocks)(_client.whenRequest).mocks, ...(0, _dataExtensionServiceMocks.dataExtensionServiceMocks)(_client.whenRequest).mocks, ...(0, _tagsServiceMocks.tagsServiceMocks)(_client.whenRequest).mocks]
     }
   }));
   (0, _react.useEffect)(() => {
@@ -65,7 +66,7 @@ function WixPatternsDashboardTestProvider(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 71,
       columnNumber: 5
     }
   }));

package/dist/cjs/dashboard/WixPatternsDashboardTestProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_WixPatternsDashboardBaseProvider","_testkit","_client","_client2","_dataExtensionServiceMocks","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WixPatternsDashboardTestProvider","props","dashboard","useState","showToast","remove","navigate","environment","language","locale","pageLocation","pageId","pathname","search","hash","essentials","testkit","getTestContext","experiments","bag","httpClient","scenarios","appSettingsMocks","whenRequest","exportServiceMocks","mocks","dataExtensionServiceMocks","useEffect","state","mounted","afterAll","beforeAll","then","createElement","WixPatternsDashboardBaseProvider","_extends2","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/dashboard/WixPatternsDashboardTestProvider.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  WixPatternsDashboardBaseProvider,\n  CairoProviderProps,\n} from './WixPatternsDashboardBaseProvider';\nimport { testkit } from '@wix/bex-utils/@wix/bex-bundled-mini-essentials/testkit';\nimport { whenRequest } from '@wix/bex-utils/@wix/bex-bundled-mini-essentials/http-client/testkit/client';\nimport {\n  exportServiceMocks,\n  appSettingsMocks,\n} from '@wix/bex-core/testkit/client';\nimport { dataExtensionServiceMocks } from '../test-utils/dataExtensionServiceMocks';\n\nexport function WixPatternsDashboardTestProvider(props: CairoProviderProps) {\n  const [dashboard] = useState(() => ({\n    showToast: () => {\n      return {\n        remove: () => {},\n      };\n    },\n    navigate: () => {},\n  }));\n\n  const [environment] = useState(() => ({\n    language: 'en',\n    locale: 'en',\n    pageLocation: {\n      pageId: '',\n      pathname: '',\n      search: '',\n      hash: '',\n    },\n  }));\n\n  const [essentials] = useState(() =>\n    testkit.getTestContext({\n      experiments: {\n        bag: {},\n      },\n      httpClient: {\n        scenarios: [\n          ...appSettingsMocks(whenRequest),\n          ...exportServiceMocks(whenRequest).mocks,\n          ...dataExtensionServiceMocks(whenRequest).mocks,\n        ],\n      },\n    }),\n  );\n\n  useEffect(() => {\n    const state = {\n      mounted: true,\n      afterAll: null as (() => void) | null,\n    };\n    testkit.beforeAll().then(({ afterAll }) => {\n      state.afterAll = afterAll;\n      if (!state.mounted) {\n        afterAll();\n      }\n    });\n\n    return () => {\n      state.mounted = false;\n      state.afterAll?.();\n    };\n  }, []);\n\n  return (\n    <WixPatternsDashboardBaseProvider\n      {...props}\n      dashboard={dashboard}\n      environment={environment}\n      essentials={essentials}\n    />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iCAAA,GAAAD,OAAA;AAIA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAIA,IAAAK,0BAAA,GAAAL,OAAA;AAAoF,IAAAM,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,SAAAT,wBAAAS,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;AAE7E,SAASW,gCAAgCA,CAACC,KAAyB,EAAE;EAC1E,MAAM,CAACC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,OAAO;IAClCC,SAAS,EAAEA,CAAA,KAAM;MACf,OAAO;QACLC,MAAM,EAAEA,CAAA,KAAM,CAAC;MACjB,CAAC;IACH,CAAC;IACDC,QAAQ,EAAEA,CAAA,KAAM,CAAC;EACnB,CAAC,CAAC,CAAC;EAEH,MAAM,CAACC,WAAW,CAAC,GAAG,IAAAJ,eAAQ,EAAC,OAAO;IACpCK,QAAQ,EAAE,IAAI;IACdC,MAAM,EAAE,IAAI;IACZC,YAAY,EAAE;MACZC,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE,EAAE;MACZC,MAAM,EAAE,EAAE;MACVC,IAAI,EAAE;IACR;EACF,CAAC,CAAC,CAAC;EAEH,MAAM,CAACC,UAAU,CAAC,GAAG,IAAAZ,eAAQ,EAAC,MAC5Ba,gBAAO,CAACC,cAAc,CAAC;IACrBC,WAAW,EAAE;MACXC,GAAG,EAAE,CAAC;IACR,CAAC;IACDC,UAAU,EAAE;MACVC,SAAS,EAAE,CACT,GAAG,IAAAC,yBAAgB,EAACC,mBAAW,CAAC,EAChC,GAAG,IAAAC,2BAAkB,EAACD,mBAAW,CAAC,CAACE,KAAK,EACxC,GAAG,IAAAC,oDAAyB,EAACH,mBAAW,CAAC,CAACE,KAAK;IAEnD;EACF,CAAC,CACH,CAAC;EAED,IAAAE,gBAAS,EAAC,MAAM;IACd,MAAMC,KAAK,GAAG;MACZC,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE;IACZ,CAAC;IACDd,gBAAO,CAACe,SAAS,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;MAAEF;IAAS,CAAC,KAAK;MACzCF,KAAK,CAACE,QAAQ,GAAGA,QAAQ;MACzB,IAAI,CAACF,KAAK,CAACC,OAAO,EAAE;QAClBC,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC,CAAC;IAEF,OAAO,MAAM;MACXF,KAAK,CAACC,OAAO,GAAG,KAAK;MACrBD,KAAK,CAACE,QAAQ,YAAdF,KAAK,CAACE,QAAQ,CAAG,CAAC;IACpB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE3D,MAAA,CAAAe,OAAA,CAAA+C,aAAA,CAAC3D,iCAAA,CAAA4D,gCAAgC,MAAAC,SAAA,CAAAjD,OAAA,MAC3Be,KAAK;IACTC,SAAS,EAAEA,SAAU;IACrBK,WAAW,EAAEA,WAAY;IACzBQ,UAAU,EAAEA,UAAW;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_WixPatternsDashboardBaseProvider","_testkit","_client","_client2","_dataExtensionServiceMocks","_tagsServiceMocks","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WixPatternsDashboardTestProvider","props","dashboard","useState","showToast","remove","navigate","environment","language","locale","pageLocation","pageId","pathname","search","hash","essentials","testkit","getTestContext","experiments","bag","httpClient","scenarios","appSettingsMocks","whenRequest","exportServiceMocks","mocks","dataExtensionServiceMocks","tagsServiceMocks","useEffect","state","mounted","afterAll","beforeAll","then","createElement","WixPatternsDashboardBaseProvider","_extends2","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/dashboard/WixPatternsDashboardTestProvider.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  WixPatternsDashboardBaseProvider,\n  CairoProviderProps,\n} from './WixPatternsDashboardBaseProvider';\nimport { testkit } from '@wix/bex-utils/@wix/bex-bundled-mini-essentials/testkit';\nimport { whenRequest } from '@wix/bex-utils/@wix/bex-bundled-mini-essentials/http-client/testkit/client';\nimport {\n  exportServiceMocks,\n  appSettingsMocks,\n} from '@wix/bex-core/testkit/client';\nimport { dataExtensionServiceMocks } from '../test-utils/dataExtensionServiceMocks';\nimport { tagsServiceMocks } from '../test-utils/tagsServiceMocks';\n\nexport function WixPatternsDashboardTestProvider(props: CairoProviderProps) {\n  const [dashboard] = useState(() => ({\n    showToast: () => {\n      return {\n        remove: () => {},\n      };\n    },\n    navigate: () => {},\n  }));\n\n  const [environment] = useState(() => ({\n    language: 'en',\n    locale: 'en',\n    pageLocation: {\n      pageId: '',\n      pathname: '',\n      search: '',\n      hash: '',\n    },\n  }));\n\n  const [essentials] = useState(() =>\n    testkit.getTestContext({\n      experiments: {\n        bag: {},\n      },\n      httpClient: {\n        scenarios: [\n          ...appSettingsMocks(whenRequest),\n          ...exportServiceMocks(whenRequest).mocks,\n          ...dataExtensionServiceMocks(whenRequest).mocks,\n          ...tagsServiceMocks(whenRequest).mocks,\n        ],\n      },\n    }),\n  );\n\n  useEffect(() => {\n    const state = {\n      mounted: true,\n      afterAll: null as (() => void) | null,\n    };\n    testkit.beforeAll().then(({ afterAll }) => {\n      state.afterAll = afterAll;\n      if (!state.mounted) {\n        afterAll();\n      }\n    });\n\n    return () => {\n      state.mounted = false;\n      state.afterAll?.();\n    };\n  }, []);\n\n  return (\n    <WixPatternsDashboardBaseProvider\n      {...props}\n      dashboard={dashboard}\n      environment={environment}\n      essentials={essentials}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/Field/Field.uni.driver.js

@@ -29,6 +29,7 @@ var _default = (base, body) => {
     getValue: async () => {
       const type = await fieldType();
       switch (type) {
+        case 'url':
         case 'shortText':
           return (0, _unidriver2.InputUniDriver)(inputBase(), body).getValue();
         case 'date':
@@ -61,7 +62,8 @@ var _default = (base, body) => {
       const type = await fieldType();
       switch (type) {
         case 'shortText':
-          return (0, _unidriver2.InputUniDriver)(inputBase(), body).getStatusMessage();
+        case 'url':
+          return (0, _unidriver2.FormFieldUniDriver)(base, body).getStatusMessage();
         case 'date':
           return (0, _unidriver2.DatePickerUniDriver)(inputBase(), body).inputDriver.getStatusMessage();
         case 'dateTime':
@@ -93,6 +95,17 @@ var _default = (base, body) => {
       var _element$page;
       const type = await fieldType();
       switch (type) {
+        case 'url':
+          const inputDriver = (0, _unidriver2.InputUniDriver)(inputBase(), body);
+          await inputDriver.enterText(value);
+          const {
+            page
+          } = await inputBase().getNative();
+          // jsdom
+          if (!(page != null && page.evaluate)) {
+            await inputDriver.blur();
+          }
+          return;
         case 'shortText':
           return (0, _unidriver2.InputUniDriver)(inputBase(), body).enterText(value);
         case 'date':