npm - @wix/ricos - Versions diffs - 11.20.2 → 11.20.4 - Mend

@wix/ricos 11.20.2 → 11.20.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1027) hide show

package/dist/es/_shared/link-modal/open-link-modal/section/section-desktop.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/_shared/link-modal/open-link-modal/section/section-desktop.tsx"],
-  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport type { DropdownLayoutValueOption, PopoverProps, TooltipProps } from '@wix/design-system';\nimport {\n  AutoComplete,\n  Dropdown,\n  FormField,\n  Input,\n  MultiSelect,\n  Text,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport type { SyntheticEvent } from 'react';\nimport React, { useContext, useMemo, useState } from 'react';\n\nimport { EditorContext } from './../../../../ricos-context/index.js';\nimport { Link_Target, type Node } from './../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { TFunction } from './../../../../ricos-types/common-types.js';\nimport { useBiNext } from './../../../bi-context-provider/bi-context-provider.js';\nimport { LINK_MODAL_ID } from './../../../link-modal/constants.js';\nimport type { NamedLink } from './../../../link/types.js';\n\nimport {\n  SECTION_MULTISELECT,\n  SECTION_SELECT,\n  SECTION_TYPE_SELECT,\n} from '../../data-hooks/data-hooks.js';\nimport type { DropdownOption } from '../types.js';\nimport { SectionEmptyState } from './empty-state.js';\nimport { useSectionOptions } from './use-options.js';\n\ntype Option = DropdownOption & { node: Node; prefix?: any };\n\ntype Props = {\n  autoCompletePopoverProps: PopoverProps;\n  autoFocus: boolean;\n  dropDownPopoverProps: PopoverProps;\n  link: NamedLink;\n  onSelect: (anchor: string, defaultName: string | undefined) => void;\n  onSubmit: React.EventHandler<SyntheticEvent>;\n  t: TFunction;\n  tooltipProps: Partial<TooltipProps>;\n  setMultipleSections: React.Dispatch<React.SetStateAction<NamedLink[]>>;\n  multipleSections: NamedLink[];\n};\n\nexport const SectionDesktop: React.FC<Props> = ({\n  autoCompletePopoverProps,\n  autoFocus,\n  dropDownPopoverProps,\n  link,\n  tooltipProps,\n  multipleSections,\n  onSelect,\n  onSubmit,\n  t,\n  setMultipleSections,\n}) => {\n  const logBi = useBiNext({ pluginId: 'link', modalId: LINK_MODAL_ID });\n  const { sections, sectionTypeOptions } = useSectionOptions();\n  const { adapter } = useContext(EditorContext);\n  const enableMultipleSelection =\n    adapter.tiptapEditor?.state?.selection?.empty &&\n    !adapter.getEditorCommands().hasLinkInSelection();\n\n  const sectionOptions = useMemo(\n    () =>\n      sections.map(section =>\n        Object.assign(\n          listItemSelectBuilder({\n            ellipsis: true,\n            titleMaxLines: 2,\n            id: section.id,\n            label: section.title,\n            prefix: section.prefixAvatar,\n            size: 'small',\n            subtitle: section.subtitle,\n            title: section.title,\n            tooltipProps: {\n              ...tooltipProps,\n              children: section.title,\n              enterDelay: 1_000,\n              placement: 'top',\n            },\n          }),\n          {\n            node: section.node,\n            prefix: section.prefix,\n          }\n        )\n      ),\n    [sections, tooltipProps]\n  );\n\n  const [selectedTypeOption, setSelectedTypeOption] = useState<DropdownOption>(\n    sectionTypeOptions[0] as DropdownOption\n  );\n  const [selectedOption, setSelectedOption] = useState<Option | null>(\n    // Initially \"all\" option types are selected so any found option should be present in `filteredOptions` below:\n    () =>\n      (link.anchor && (sectionOptions.find(option => option.node.id === link.anchor) as Option)) ||\n      null\n  );\n  const [searchPrefix, setSearchPrefix] = useState<any>(selectedOption?.prefix || null);\n  const [searchText, setSearchText] = useState<string>(selectedOption?.label || '');\n  const filteredOptions = useMemo(() => {\n    const lowerSearchText = searchText.trim().toLowerCase();\n    return sectionOptions.filter(\n      option =>\n        (selectedTypeOption.id === 'all' || option.node.type === selectedTypeOption.id) &&\n        (selectedOption ||\n          !lowerSearchText ||\n          (typeof option.label === 'string' &&\n            option.label?.toLowerCase().includes(lowerSearchText)))\n    );\n  }, [sectionOptions, searchText, selectedTypeOption]);\n\n  const onChangeInput = (value: string) => {\n    setSearchPrefix(null);\n    setSearchText(value);\n    setSelectedOption(null);\n  };\n\n  const onSelectTypeOption = (option: DropdownOption) => {\n    setSelectedTypeOption(option as Option);\n    logBi({\n      dataHook: SECTION_TYPE_SELECT,\n      value: `${option.id}`,\n    });\n  };\n\n  const onSelectValueOption = (option: DropdownLayoutValueOption) => {\n    setSearchPrefix((option as Option).prefix);\n    setSearchText(option.label || searchText);\n    setSelectedOption(option as Option);\n    onSelect((option as Option).node.id, option.label);\n    logBi({ dataHook: SECTION_SELECT, value: option.label });\n  };\n\n  const onEnterPressed: React.EventHandler<SyntheticEvent> = evt => {\n    if (selectedOption) {\n      onSelect(selectedOption.node.id, selectedOption.label);\n      onSubmit(evt);\n    }\n    if (multipleSections.length > 0 && !isOptionMarked) {\n      onSubmit(evt);\n      setIsOptionMarked(false);\n    }\n  };\n\n  if (sectionOptions.length === 0) {\n    return <SectionEmptyState t={t} />;\n  }\n\n  const [isOptionMarked, setIsOptionMarked] = useState(false);\n\n  const onMultiSelectOption = (option: DropdownLayoutValueOption) => {\n    setIsOptionMarked(false);\n    setMultipleSections(prev => [\n      ...prev,\n      {\n        anchor: (option as Option).node.id,\n        defaultName: option.label,\n        target: Link_Target.BLANK,\n        url: undefined,\n      },\n    ]);\n    logBi({ dataHook: SECTION_MULTISELECT, value: option.label });\n  };\n\n  const onRemoveTag = (tagId: string) =>\n    setMultipleSections(prevTags => prevTags.filter(currTag => currTag.anchor !== tagId));\n\n  return (\n    <>\n      <FormField label={t('LinkSettings_Sections_TypeDropdown_Label')} labelPlacement=\"top\">\n        <Dropdown\n          dataHook={SECTION_TYPE_SELECT}\n          onSelect={onSelectTypeOption}\n          options={sectionTypeOptions}\n          popoverProps={dropDownPopoverProps}\n          selectedId={selectedTypeOption.id}\n          size=\"small\"\n          valueParser={option => option.label}\n        />\n      </FormField>\n      <FormField\n        label={t(\n          enableMultipleSelection\n            ? 'LinkSettings_Sections_MultiSelect_Label'\n            : 'LinkSettings_Sections_AutoComplete_Label'\n        )}\n        labelPlacement=\"top\"\n      >\n        {enableMultipleSelection ? (\n          <MultiSelect\n            autoFocus={autoFocus}\n            dataHook={SECTION_MULTISELECT}\n            dropdownWidth=\"auto\"\n            emptyStateMessage={\n              <Text skin=\"disabled\" size=\"small\">\n                {searchText\n                  ? t('LinkSettings_Sections_AutoComplete_NoResults_Search', { searchText })\n                  : t('LinkSettings_Sections_AutoComplete_NoResults_All')}\n              </Text>\n            }\n            minWidthPixels=\"252px\"\n            onChange={evt => onChangeInput(evt.target.value)}\n            onEnterPressed={onEnterPressed}\n            options={filteredOptions}\n            placeholder={t('LinkSettings_Sections_MultiSelect_Placeholder')}\n            popoverProps={autoCompletePopoverProps}\n            prefix={searchPrefix && <Input.IconAffix>{searchPrefix}</Input.IconAffix>}\n            size=\"small\"\n            textOverflow=\"ellipsis\"\n            value={searchText}\n            onSelect={onMultiSelectOption}\n            onRemoveTag={onRemoveTag}\n            tags={multipleSections.map(section => ({\n              id: section.anchor || '',\n              label: section?.defaultName || '',\n            }))}\n            onOptionMarked={option => {\n              if (option) {\n                setIsOptionMarked(true);\n              }\n            }}\n          />\n        ) : (\n          <AutoComplete\n            autoFocus={autoFocus}\n            dataHook={SECTION_SELECT}\n            dropdownWidth=\"auto\"\n            emptyStateMessage={\n              <Text skin=\"disabled\" size=\"small\">\n                {searchText\n                  ? t('LinkSettings_Sections_AutoComplete_NoResults_Search', { searchText })\n                  : t('LinkSettings_Sections_AutoComplete_NoResults_All')}\n              </Text>\n            }\n            focusOnSelectedOption\n            // WDS introduced a bug where marked option must be in options array otherwise the component crashes\n            markedOption={\n              filteredOptions.some(opt => opt.id === selectedOption?.id)\n                ? selectedOption?.id\n                : undefined\n            }\n            minWidthPixels=\"252px\"\n            onChange={evt => onChangeInput(evt.target.value)}\n            onEnterPressed={onEnterPressed}\n            onSelect={onSelectValueOption}\n            options={filteredOptions}\n            placeholder={t('LinkSettings_Sections_AutoComplete_Placeholder')}\n            popoverProps={autoCompletePopoverProps}\n            prefix={searchPrefix && <Input.IconAffix>{searchPrefix}</Input.IconAffix>}\n            selectedId={selectedOption?.id}\n            size=\"small\"\n            textOverflow=\"ellipsis\"\n            value={searchText}\n          />\n        )}\n      </FormField>\n    </>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport type { DropdownLayoutValueOption, PopoverProps, TooltipProps } from '@wix/design-system';\nimport {\n  AutoComplete,\n  Dropdown,\n  FormField,\n  Input,\n  MultiSelect,\n  Text,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport type { SyntheticEvent } from 'react';\nimport React, { useContext, useMemo, useState } from 'react';\n\nimport { EditorContext } from './../../../../ricos-context/index.js';\nimport { Link_Target, type Node } from './../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { TFunction } from './../../../../ricos-types/common-types.js';\nimport { useBiNext } from './../../../bi-context-provider/bi-context-provider.js';\nimport { LINK_MODAL_ID } from './../../../link-modal/constants.js';\nimport type { NamedLink } from './../../../link/types.js';\n\nimport {\n  SECTION_MULTISELECT,\n  SECTION_SELECT,\n  SECTION_TYPE_SELECT,\n} from '../../data-hooks/data-hooks.js';\nimport { SectionEmptyState } from './empty-state.js';\nimport { useSectionOptions } from './use-options.js';\n\ntype Option = DropdownLayoutValueOption & { node: Node; prefix?: any };\n\ntype Props = {\n  autoCompletePopoverProps: PopoverProps;\n  autoFocus: boolean;\n  dropDownPopoverProps: PopoverProps;\n  link: NamedLink;\n  onSelect: (anchor: string, defaultName: string | undefined) => void;\n  onSubmit: React.EventHandler<SyntheticEvent>;\n  t: TFunction;\n  tooltipProps: Partial<TooltipProps>;\n  setMultipleSections: React.Dispatch<React.SetStateAction<NamedLink[]>>;\n  multipleSections: NamedLink[];\n};\n\nexport const SectionDesktop: React.FC<Props> = ({\n  autoCompletePopoverProps,\n  autoFocus,\n  dropDownPopoverProps,\n  link,\n  tooltipProps,\n  multipleSections,\n  onSelect,\n  onSubmit,\n  t,\n  setMultipleSections,\n}) => {\n  const logBi = useBiNext({ pluginId: 'link', modalId: LINK_MODAL_ID });\n  const { sections, sectionTypeOptions } = useSectionOptions();\n  const { adapter } = useContext(EditorContext);\n  const enableMultipleSelection =\n    adapter.tiptapEditor?.state?.selection?.empty &&\n    !adapter.getEditorCommands().hasLinkInSelection();\n\n  const sectionOptions = useMemo(\n    () =>\n      sections.map(section =>\n        Object.assign(\n          listItemSelectBuilder({\n            ellipsis: true,\n            titleMaxLines: 2,\n            id: section.id,\n            label: section.title,\n            prefix: section.prefixAvatar,\n            size: 'small',\n            subtitle: section.subtitle,\n            title: section.title,\n            tooltipProps: {\n              ...tooltipProps,\n              children: section.title,\n              enterDelay: 1_000,\n              placement: 'top',\n            },\n          }),\n          {\n            node: section.node,\n            prefix: section.prefix,\n          }\n        )\n      ),\n    [sections, tooltipProps]\n  );\n\n  const [selectedTypeOption, setSelectedTypeOption] = useState<DropdownLayoutValueOption>(\n    sectionTypeOptions[0] as DropdownLayoutValueOption\n  );\n  const [selectedOption, setSelectedOption] = useState<Option | null>(\n    // Initially \"all\" option types are selected so any found option should be present in `filteredOptions` below:\n    () =>\n      (link.anchor && (sectionOptions.find(option => option.node.id === link.anchor) as Option)) ||\n      null\n  );\n  const [searchPrefix, setSearchPrefix] = useState<any>(selectedOption?.prefix || null);\n  const [searchText, setSearchText] = useState<string>(selectedOption?.label || '');\n  const filteredOptions = useMemo(() => {\n    const lowerSearchText = searchText.trim().toLowerCase();\n    return sectionOptions.filter(\n      option =>\n        (selectedTypeOption.id === 'all' || option.node.type === selectedTypeOption.id) &&\n        (selectedOption ||\n          !lowerSearchText ||\n          (typeof option.label === 'string' &&\n            option.label?.toLowerCase().includes(lowerSearchText)))\n    );\n  }, [sectionOptions, searchText, selectedTypeOption]);\n\n  const onChangeInput = (value: string) => {\n    setSearchPrefix(null);\n    setSearchText(value);\n    setSelectedOption(null);\n  };\n\n  const onSelectTypeOption = (option: DropdownLayoutValueOption) => {\n    setSelectedTypeOption(option as Option);\n    logBi({\n      dataHook: SECTION_TYPE_SELECT,\n      value: `${option.id}`,\n    });\n  };\n\n  const onSelectValueOption = (option: DropdownLayoutValueOption) => {\n    setSearchPrefix((option as Option).prefix);\n    setSearchText(option.label || searchText);\n    setSelectedOption(option as Option);\n    onSelect((option as Option).node.id, option.label);\n    logBi({ dataHook: SECTION_SELECT, value: option.label });\n  };\n\n  const onEnterPressed: React.EventHandler<SyntheticEvent> = evt => {\n    if (selectedOption) {\n      onSelect(selectedOption.node.id, selectedOption.label);\n      onSubmit(evt);\n    }\n    if (multipleSections.length > 0 && !isOptionMarked) {\n      onSubmit(evt);\n      setIsOptionMarked(false);\n    }\n  };\n\n  if (sectionOptions.length === 0) {\n    return <SectionEmptyState t={t} />;\n  }\n\n  const [isOptionMarked, setIsOptionMarked] = useState(false);\n\n  const onMultiSelectOption = (option: DropdownLayoutValueOption) => {\n    setIsOptionMarked(false);\n    setMultipleSections(prev => [\n      ...prev,\n      {\n        anchor: (option as Option).node.id,\n        defaultName: option.label,\n        target: Link_Target.BLANK,\n        url: undefined,\n      },\n    ]);\n    logBi({ dataHook: SECTION_MULTISELECT, value: option.label });\n  };\n\n  const onRemoveTag = (tagId: string) =>\n    setMultipleSections(prevTags => prevTags.filter(currTag => currTag.anchor !== tagId));\n\n  return (\n    <>\n      <FormField label={t('LinkSettings_Sections_TypeDropdown_Label')} labelPlacement=\"top\">\n        <Dropdown\n          dataHook={SECTION_TYPE_SELECT}\n          onSelect={onSelectTypeOption}\n          options={sectionTypeOptions}\n          popoverProps={dropDownPopoverProps}\n          selectedId={selectedTypeOption.id}\n          size=\"small\"\n          valueParser={option => option.label}\n        />\n      </FormField>\n      <FormField\n        label={t(\n          enableMultipleSelection\n            ? 'LinkSettings_Sections_MultiSelect_Label'\n            : 'LinkSettings_Sections_AutoComplete_Label'\n        )}\n        labelPlacement=\"top\"\n      >\n        {enableMultipleSelection ? (\n          <MultiSelect\n            autoFocus={autoFocus}\n            dataHook={SECTION_MULTISELECT}\n            dropdownWidth=\"auto\"\n            emptyStateMessage={\n              <Text skin=\"disabled\" size=\"small\">\n                {searchText\n                  ? t('LinkSettings_Sections_AutoComplete_NoResults_Search', { searchText })\n                  : t('LinkSettings_Sections_AutoComplete_NoResults_All')}\n              </Text>\n            }\n            minWidthPixels=\"252px\"\n            onChange={evt => onChangeInput(evt.target.value)}\n            onEnterPressed={onEnterPressed}\n            options={filteredOptions}\n            placeholder={t('LinkSettings_Sections_MultiSelect_Placeholder')}\n            popoverProps={autoCompletePopoverProps}\n            prefix={searchPrefix && <Input.IconAffix>{searchPrefix}</Input.IconAffix>}\n            size=\"small\"\n            textOverflow=\"ellipsis\"\n            value={searchText}\n            onSelect={onMultiSelectOption}\n            onRemoveTag={onRemoveTag}\n            tags={multipleSections.map(section => ({\n              id: section.anchor || '',\n              label: section?.defaultName || '',\n            }))}\n            onOptionMarked={option => {\n              if (option) {\n                setIsOptionMarked(true);\n              }\n            }}\n          />\n        ) : (\n          <AutoComplete\n            autoFocus={autoFocus}\n            dataHook={SECTION_SELECT}\n            dropdownWidth=\"auto\"\n            emptyStateMessage={\n              <Text skin=\"disabled\" size=\"small\">\n                {searchText\n                  ? t('LinkSettings_Sections_AutoComplete_NoResults_Search', { searchText })\n                  : t('LinkSettings_Sections_AutoComplete_NoResults_All')}\n              </Text>\n            }\n            focusOnSelectedOption\n            // WDS introduced a bug where marked option must be in options array otherwise the component crashes\n            markedOption={\n              filteredOptions.some(opt => opt.id === selectedOption?.id)\n                ? selectedOption?.id\n                : undefined\n            }\n            minWidthPixels=\"252px\"\n            onChange={evt => onChangeInput(evt.target.value)}\n            onEnterPressed={onEnterPressed}\n            onSelect={onSelectValueOption}\n            options={filteredOptions}\n            placeholder={t('LinkSettings_Sections_AutoComplete_Placeholder')}\n            popoverProps={autoCompletePopoverProps}\n            prefix={searchPrefix && <Input.IconAffix>{searchPrefix}</Input.IconAffix>}\n            selectedId={selectedOption?.id}\n            size=\"small\"\n            textOverflow=\"ellipsis\"\n            value={searchText}\n          />\n        )}\n      </FormField>\n    </>\n  );\n};\n"],
+  "mappings": "AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,OAAO,SAAS,YAAY,SAAS,gBAAgB;AAErD,SAAS,qBAAqB;AAC9B,SAAS,mBAA8B;AAEvC,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAG9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAiB3B,MAAM,iBAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,UAAU,EAAE,UAAU,QAAQ,SAAS,cAAc,CAAC;AACpE,QAAM,EAAE,UAAU,mBAAmB,IAAI,kBAAkB;AAC3D,QAAM,EAAE,QAAQ,IAAI,WAAW,aAAa;AAC5C,QAAM,0BACJ,QAAQ,cAAc,OAAO,WAAW,SACxC,CAAC,QAAQ,kBAAkB,EAAE,mBAAmB;AAElD,QAAM,iBAAiB;AAAA,IACrB,MACE,SAAS;AAAA,MAAI,aACX,OAAO;AAAA,QACL,sBAAsB;AAAA,UACpB,UAAU;AAAA,UACV,eAAe;AAAA,UACf,IAAI,QAAQ;AAAA,UACZ,OAAO,QAAQ;AAAA,UACf,QAAQ,QAAQ;AAAA,UAChB,MAAM;AAAA,UACN,UAAU,QAAQ;AAAA,UAClB,OAAO,QAAQ;AAAA,UACf,cAAc;AAAA,YACZ,GAAG;AAAA,YACH,UAAU,QAAQ;AAAA,YAClB,YAAY;AAAA,YACZ,WAAW;AAAA,UACb;AAAA,QACF,CAAC;AAAA,QACD;AAAA,UACE,MAAM,QAAQ;AAAA,UACd,QAAQ,QAAQ;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,IACF,CAAC,UAAU,YAAY;AAAA,EACzB;AAEA,QAAM,CAAC,oBAAoB,qBAAqB,IAAI;AAAA,IAClD,mBAAmB,CAAC;AAAA,EACtB;AACA,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA;AAAA,IAE1C,MACG,KAAK,UAAW,eAAe,KAAK,YAAU,OAAO,KAAK,OAAO,KAAK,MAAM,KAC7E;AAAA,EACJ;AACA,QAAM,CAAC,cAAc,eAAe,IAAI,SAAc,gBAAgB,UAAU,IAAI;AACpF,QAAM,CAAC,YAAY,aAAa,IAAI,SAAiB,gBAAgB,SAAS,EAAE;AAChF,QAAM,kBAAkB,QAAQ,MAAM;AACpC,UAAM,kBAAkB,WAAW,KAAK,EAAE,YAAY;AACtD,WAAO,eAAe;AAAA,MACpB,aACG,mBAAmB,OAAO,SAAS,OAAO,KAAK,SAAS,mBAAmB,QAC3E,kBACC,CAAC,mBACA,OAAO,OAAO,UAAU,YACvB,OAAO,OAAO,YAAY,EAAE,SAAS,eAAe;AAAA,IAC5D;AAAA,EACF,GAAG,CAAC,gBAAgB,YAAY,kBAAkB,CAAC;AAEnD,QAAM,gBAAgB,CAAC,UAAkB;AACvC,oBAAgB,IAAI;AACpB,kBAAc,KAAK;AACnB,sBAAkB,IAAI;AAAA,EACxB;AAEA,QAAM,qBAAqB,CAAC,WAAsC;AAChE,0BAAsB,MAAgB;AACtC,UAAM;AAAA,MACJ,UAAU;AAAA,MACV,OAAO,GAAG,OAAO,EAAE;AAAA,IACrB,CAAC;AAAA,EACH;AAEA,QAAM,sBAAsB,CAAC,WAAsC;AACjE,oBAAiB,OAAkB,MAAM;AACzC,kBAAc,OAAO,SAAS,UAAU;AACxC,sBAAkB,MAAgB;AAClC,aAAU,OAAkB,KAAK,IAAI,OAAO,KAAK;AACjD,UAAM,EAAE,UAAU,gBAAgB,OAAO,OAAO,MAAM,CAAC;AAAA,EACzD;AAEA,QAAM,iBAAqD,SAAO;AAChE,QAAI,gBAAgB;AAClB,eAAS,eAAe,KAAK,IAAI,eAAe,KAAK;AACrD,eAAS,GAAG;AAAA,IACd;AACA,QAAI,iBAAiB,SAAS,KAAK,CAAC,gBAAgB;AAClD,eAAS,GAAG;AACZ,wBAAkB,KAAK;AAAA,IACzB;AAAA,EACF;AAEA,MAAI,eAAe,WAAW,GAAG;AAC/B,WAAO,oCAAC,qBAAkB,GAAM;AAAA,EAClC;AAEA,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D,QAAM,sBAAsB,CAAC,WAAsC;AACjE,sBAAkB,KAAK;AACvB,wBAAoB,UAAQ;AAAA,MAC1B,GAAG;AAAA,MACH;AAAA,QACE,QAAS,OAAkB,KAAK;AAAA,QAChC,aAAa,OAAO;AAAA,QACpB,QAAQ,YAAY;AAAA,QACpB,KAAK;AAAA,MACP;AAAA,IACF,CAAC;AACD,UAAM,EAAE,UAAU,qBAAqB,OAAO,OAAO,MAAM,CAAC;AAAA,EAC9D;AAEA,QAAM,cAAc,CAAC,UACnB,oBAAoB,cAAY,SAAS,OAAO,aAAW,QAAQ,WAAW,KAAK,CAAC;AAEtF,SACE,0DACE,oCAAC,aAAU,OAAO,EAAE,0CAA0C,GAAG,gBAAe,SAC9E;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,cAAc;AAAA,MACd,YAAY,mBAAmB;AAAA,MAC/B,MAAK;AAAA,MACL,aAAa,YAAU,OAAO;AAAA;AAAA,EAChC,CACF,GACA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,0BACI,4CACA;AAAA,MACN;AAAA,MACA,gBAAe;AAAA;AAAA,IAEd,0BACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU;AAAA,QACV,eAAc;AAAA,QACd,mBACE,oCAAC,QAAK,MAAK,YAAW,MAAK,WACxB,aACG,EAAE,uDAAuD,EAAE,WAAW,CAAC,IACvE,EAAE,kDAAkD,CAC1D;AAAA,QAEF,gBAAe;AAAA,QACf,UAAU,SAAO,cAAc,IAAI,OAAO,KAAK;AAAA,QAC/C;AAAA,QACA,SAAS;AAAA,QACT,aAAa,EAAE,+CAA+C;AAAA,QAC9D,cAAc;AAAA,QACd,QAAQ,gBAAgB,oCAAC,MAAM,WAAN,MAAiB,YAAa;AAAA,QACvD,MAAK;AAAA,QACL,cAAa;AAAA,QACb,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA,MAAM,iBAAiB,IAAI,cAAY;AAAA,UACrC,IAAI,QAAQ,UAAU;AAAA,UACtB,OAAO,SAAS,eAAe;AAAA,QACjC,EAAE;AAAA,QACF,gBAAgB,YAAU;AACxB,cAAI,QAAQ;AACV,8BAAkB,IAAI;AAAA,UACxB;AAAA,QACF;AAAA;AAAA,IACF,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU;AAAA,QACV,eAAc;AAAA,QACd,mBACE,oCAAC,QAAK,MAAK,YAAW,MAAK,WACxB,aACG,EAAE,uDAAuD,EAAE,WAAW,CAAC,IACvE,EAAE,kDAAkD,CAC1D;AAAA,QAEF,uBAAqB;AAAA,QAErB,cACE,gBAAgB,KAAK,SAAO,IAAI,OAAO,gBAAgB,EAAE,IACrD,gBAAgB,KAChB;AAAA,QAEN,gBAAe;AAAA,QACf,UAAU,SAAO,cAAc,IAAI,OAAO,KAAK;AAAA,QAC/C;AAAA,QACA,UAAU;AAAA,QACV,SAAS;AAAA,QACT,aAAa,EAAE,gDAAgD;AAAA,QAC/D,cAAc;AAAA,QACd,QAAQ,gBAAgB,oCAAC,MAAM,WAAN,MAAiB,YAAa;AAAA,QACvD,YAAY,gBAAgB;AAAA,QAC5B,MAAK;AAAA,QACL,cAAa;AAAA,QACb,OAAO;AAAA;AAAA,IACT;AAAA,EAEJ,CACF;AAEJ;",
   "names": []
 }

package/dist/es/_shared/link-modal/open-link-modal/section/section-mobile.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/_shared/link-modal/open-link-modal/section/section-mobile.tsx"],
-  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport { Box, Divider, Dropdown, FormField, ListItemSelect } from '@wix/design-system';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { TFunction } from './../../../../ricos-types/common-types.js';\nimport { useBiNext } from './../../../bi-context-provider/bi-context-provider.js';\nimport { LINK_MODAL_ID } from './../../../link-modal/constants.js';\nimport type { NamedLink } from './../../../link/types.js';\nimport { dataHook } from './../../../../wix-rich-content-common/index.js';\n\nimport { SECTION_SELECT, SECTION_TYPE_SELECT } from '../../data-hooks/data-hooks.js';\nimport type { DropdownOption } from '../types.js';\nimport { SectionEmptyState } from './empty-state.js';\nimport { type Section, useSectionOptions } from './use-options.js';\n\ntype Props = {\n  link: NamedLink;\n  onSelect: (anchor: string, defaultName: string | undefined) => void;\n  t: TFunction;\n};\n\nconst selectedListItem = 'selected-list-item';\n\nexport const SectionMobile: React.FC<Props> = ({ link, onSelect, t }) => {\n  const logBi = useBiNext({ pluginId: 'link', modalId: LINK_MODAL_ID });\n  const { sections, sectionTypeOptions } = useSectionOptions();\n\n  const itemContainerRef = useRef<HTMLDivElement | undefined>();\n  const [selectedTypeOption, setSelectedTypeOption] = useState<DropdownOption>(\n    sectionTypeOptions[0] as DropdownOption\n  );\n\n  const filteredSections = useMemo(\n    () =>\n      sections.filter(\n        section => selectedTypeOption.id === 'all' || section.node.type === selectedTypeOption.id\n      ),\n    [sections, selectedTypeOption]\n  );\n\n  useEffect(() => {\n    // setTimeout because of https://github.com/facebook/react/issues/23396\n    setTimeout(() => {\n      itemContainerRef.current\n        ?.querySelector(dataHook(selectedListItem))\n        ?.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    });\n  }, []);\n\n  if (sections.length === 0) {\n    return <SectionEmptyState t={t} />;\n  }\n\n  const onSelectType = (option: DropdownOption) => {\n    setSelectedTypeOption(option);\n    logBi({ dataHook: SECTION_TYPE_SELECT, value: `${option.id}` });\n  };\n\n  const onSelectSection = (section: Section) => {\n    onSelect(section.id, section.title);\n    logBi({ dataHook: SECTION_SELECT });\n  };\n\n  return (\n    <>\n      <Box direction=\"vertical\" paddingLeft=\"SP3\" paddingRight=\"SP3\">\n        <FormField label={t('LinkSettings_Sections_TypeDropdown_Label')} labelPlacement=\"top\">\n          <Dropdown\n            dataHook={SECTION_TYPE_SELECT}\n            onSelect={onSelectType}\n            options={sectionTypeOptions}\n            selectedId={selectedTypeOption.id}\n            size=\"small\"\n            valueParser={option => option.label}\n          />\n        </FormField>\n      </Box>\n      <Divider />\n      <Box\n        direction=\"vertical\"\n        flexGrow={1}\n        overflowY=\"auto\"\n        padding={0}\n        paddingBottom=\"SP3\"\n        ref={itemContainerRef}\n      >\n        {filteredSections.map(section => {\n          const selected = section.id === link.anchor;\n          return (\n            <ListItemSelect\n              dataHook={selected ? selectedListItem : undefined}\n              ellipsis\n              titleMaxLines={2}\n              highlighted={selected}\n              key={section.id}\n              onClick={() => onSelectSection(section)}\n              prefix={section.prefixAvatar}\n              selected={selected}\n              size=\"medium\"\n              subtitle={section.subtitle}\n              title={section.title}\n            />\n          );\n        })}\n      </Box>\n    </>\n  );\n};\n"],
-  "mappings": "AACA,SAAS,KAAK,SAAS,UAAU,WAAW,sBAAsB;AAClE,OAAO,SAAS,WAAW,SAAS,QAAQ,gBAAgB;AAG5D,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAE9B,SAAS,gBAAgB;AAEzB,SAAS,gBAAgB,2BAA2B;AAEpD,SAAS,yBAAyB;AAClC,SAAuB,yBAAyB;AAQhD,MAAM,mBAAmB;AAElB,MAAM,gBAAiC,CAAC,EAAE,MAAM,UAAU,EAAE,MAAM;AACvE,QAAM,QAAQ,UAAU,EAAE,UAAU,QAAQ,SAAS,cAAc,CAAC;AACpE,QAAM,EAAE,UAAU,mBAAmB,IAAI,kBAAkB;AAE3D,QAAM,mBAAmB,OAAmC;AAC5D,QAAM,CAAC,oBAAoB,qBAAqB,IAAI;AAAA,IAClD,mBAAmB,CAAC;AAAA,EACtB;AAEA,QAAM,mBAAmB;AAAA,IACvB,MACE,SAAS;AAAA,MACP,aAAW,mBAAmB,OAAO,SAAS,QAAQ,KAAK,SAAS,mBAAmB;AAAA,IACzF;AAAA,IACF,CAAC,UAAU,kBAAkB;AAAA,EAC/B;AAEA,YAAU,MAAM;AAEd,eAAW,MAAM;AACf,uBAAiB,SACb,cAAc,SAAS,gBAAgB,CAAC,GACxC,eAAe,EAAE,UAAU,UAAU,OAAO,SAAS,CAAC;AAAA,IAC5D,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,MAAI,SAAS,WAAW,GAAG;AACzB,WAAO,oCAAC,qBAAkB,GAAM;AAAA,EAClC;AAEA,QAAM,eAAe,CAAC,WAA2B;AAC/C,0BAAsB,MAAM;AAC5B,UAAM,EAAE,UAAU,qBAAqB,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC;AAAA,EAChE;AAEA,QAAM,kBAAkB,CAAC,YAAqB;AAC5C,aAAS,QAAQ,IAAI,QAAQ,KAAK;AAClC,UAAM,EAAE,UAAU,eAAe,CAAC;AAAA,EACpC;AAEA,SACE,0DACE,oCAAC,OAAI,WAAU,YAAW,aAAY,OAAM,cAAa,SACvD,oCAAC,aAAU,OAAO,EAAE,0CAA0C,GAAG,gBAAe,SAC9E;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,YAAY,mBAAmB;AAAA,MAC/B,MAAK;AAAA,MACL,aAAa,YAAU,OAAO;AAAA;AAAA,EAChC,CACF,CACF,GACA,oCAAC,aAAQ,GACT;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS;AAAA,MACT,eAAc;AAAA,MACd,KAAK;AAAA;AAAA,IAEJ,iBAAiB,IAAI,aAAW;AAC/B,YAAM,WAAW,QAAQ,OAAO,KAAK;AACrC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,WAAW,mBAAmB;AAAA,UACxC,UAAQ;AAAA,UACR,eAAe;AAAA,UACf,aAAa;AAAA,UACb,KAAK,QAAQ;AAAA,UACb,SAAS,MAAM,gBAAgB,OAAO;AAAA,UACtC,QAAQ,QAAQ;AAAA,UAChB;AAAA,UACA,MAAK;AAAA,UACL,UAAU,QAAQ;AAAA,UAClB,OAAO,QAAQ;AAAA;AAAA,MACjB;AAAA,IAEJ,CAAC;AAAA,EACH,CACF;AAEJ;",
+  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport type { DropdownLayoutValueOption } from '@wix/design-system';\nimport { Box, Divider, Dropdown, FormField, ListItemSelect } from '@wix/design-system';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { TFunction } from './../../../../ricos-types/common-types.js';\nimport { useBiNext } from './../../../bi-context-provider/bi-context-provider.js';\nimport { LINK_MODAL_ID } from './../../../link-modal/constants.js';\nimport type { NamedLink } from './../../../link/types.js';\nimport { dataHook } from './../../../../wix-rich-content-common/index.js';\n\nimport { SECTION_SELECT, SECTION_TYPE_SELECT } from '../../data-hooks/data-hooks.js';\nimport { SectionEmptyState } from './empty-state.js';\nimport { type Section, useSectionOptions } from './use-options.js';\n\ntype Props = {\n  link: NamedLink;\n  onSelect: (anchor: string, defaultName: string | undefined) => void;\n  t: TFunction;\n};\n\nconst selectedListItem = 'selected-list-item';\n\nexport const SectionMobile: React.FC<Props> = ({ link, onSelect, t }) => {\n  const logBi = useBiNext({ pluginId: 'link', modalId: LINK_MODAL_ID });\n  const { sections, sectionTypeOptions } = useSectionOptions();\n\n  const itemContainerRef = useRef<HTMLDivElement | undefined>();\n  const [selectedTypeOption, setSelectedTypeOption] = useState<DropdownLayoutValueOption>(\n    sectionTypeOptions[0] as DropdownLayoutValueOption\n  );\n\n  const filteredSections = useMemo(\n    () =>\n      sections.filter(\n        section => selectedTypeOption.id === 'all' || section.node.type === selectedTypeOption.id\n      ),\n    [sections, selectedTypeOption]\n  );\n\n  useEffect(() => {\n    // setTimeout because of https://github.com/facebook/react/issues/23396\n    setTimeout(() => {\n      itemContainerRef.current\n        ?.querySelector(dataHook(selectedListItem))\n        ?.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    });\n  }, []);\n\n  if (sections.length === 0) {\n    return <SectionEmptyState t={t} />;\n  }\n\n  const onSelectType = (option: DropdownLayoutValueOption) => {\n    setSelectedTypeOption(option);\n    logBi({ dataHook: SECTION_TYPE_SELECT, value: `${option.id}` });\n  };\n\n  const onSelectSection = (section: Section) => {\n    onSelect(section.id, section.title);\n    logBi({ dataHook: SECTION_SELECT });\n  };\n\n  return (\n    <>\n      <Box direction=\"vertical\" paddingLeft=\"SP3\" paddingRight=\"SP3\">\n        <FormField label={t('LinkSettings_Sections_TypeDropdown_Label')} labelPlacement=\"top\">\n          <Dropdown\n            dataHook={SECTION_TYPE_SELECT}\n            onSelect={onSelectType}\n            options={sectionTypeOptions}\n            selectedId={selectedTypeOption.id}\n            size=\"small\"\n            valueParser={option => option.label}\n          />\n        </FormField>\n      </Box>\n      <Divider />\n      <Box\n        direction=\"vertical\"\n        flexGrow={1}\n        overflowY=\"auto\"\n        padding={0}\n        paddingBottom=\"SP3\"\n        ref={itemContainerRef}\n      >\n        {filteredSections.map(section => {\n          const selected = section.id === link.anchor;\n          return (\n            <ListItemSelect\n              dataHook={selected ? selectedListItem : undefined}\n              ellipsis\n              titleMaxLines={2}\n              highlighted={selected}\n              key={section.id}\n              onClick={() => onSelectSection(section)}\n              prefix={section.prefixAvatar}\n              selected={selected}\n              size=\"medium\"\n              subtitle={section.subtitle}\n              title={section.title}\n            />\n          );\n        })}\n      </Box>\n    </>\n  );\n};\n"],
+  "mappings": "AAEA,SAAS,KAAK,SAAS,UAAU,WAAW,sBAAsB;AAClE,OAAO,SAAS,WAAW,SAAS,QAAQ,gBAAgB;AAG5D,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAE9B,SAAS,gBAAgB;AAEzB,SAAS,gBAAgB,2BAA2B;AACpD,SAAS,yBAAyB;AAClC,SAAuB,yBAAyB;AAQhD,MAAM,mBAAmB;AAElB,MAAM,gBAAiC,CAAC,EAAE,MAAM,UAAU,EAAE,MAAM;AACvE,QAAM,QAAQ,UAAU,EAAE,UAAU,QAAQ,SAAS,cAAc,CAAC;AACpE,QAAM,EAAE,UAAU,mBAAmB,IAAI,kBAAkB;AAE3D,QAAM,mBAAmB,OAAmC;AAC5D,QAAM,CAAC,oBAAoB,qBAAqB,IAAI;AAAA,IAClD,mBAAmB,CAAC;AAAA,EACtB;AAEA,QAAM,mBAAmB;AAAA,IACvB,MACE,SAAS;AAAA,MACP,aAAW,mBAAmB,OAAO,SAAS,QAAQ,KAAK,SAAS,mBAAmB;AAAA,IACzF;AAAA,IACF,CAAC,UAAU,kBAAkB;AAAA,EAC/B;AAEA,YAAU,MAAM;AAEd,eAAW,MAAM;AACf,uBAAiB,SACb,cAAc,SAAS,gBAAgB,CAAC,GACxC,eAAe,EAAE,UAAU,UAAU,OAAO,SAAS,CAAC;AAAA,IAC5D,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,MAAI,SAAS,WAAW,GAAG;AACzB,WAAO,oCAAC,qBAAkB,GAAM;AAAA,EAClC;AAEA,QAAM,eAAe,CAAC,WAAsC;AAC1D,0BAAsB,MAAM;AAC5B,UAAM,EAAE,UAAU,qBAAqB,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC;AAAA,EAChE;AAEA,QAAM,kBAAkB,CAAC,YAAqB;AAC5C,aAAS,QAAQ,IAAI,QAAQ,KAAK;AAClC,UAAM,EAAE,UAAU,eAAe,CAAC;AAAA,EACpC;AAEA,SACE,0DACE,oCAAC,OAAI,WAAU,YAAW,aAAY,OAAM,cAAa,SACvD,oCAAC,aAAU,OAAO,EAAE,0CAA0C,GAAG,gBAAe,SAC9E;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,YAAY,mBAAmB;AAAA,MAC/B,MAAK;AAAA,MACL,aAAa,YAAU,OAAO;AAAA;AAAA,EAChC,CACF,CACF,GACA,oCAAC,aAAQ,GACT;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS;AAAA,MACT,eAAc;AAAA,MACd,KAAK;AAAA;AAAA,IAEJ,iBAAiB,IAAI,aAAW;AAC/B,YAAM,WAAW,QAAQ,OAAO,KAAK;AACrC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,WAAW,mBAAmB;AAAA,UACxC,UAAQ;AAAA,UACR,eAAe;AAAA,UACf,aAAa;AAAA,UACb,KAAK,QAAQ;AAAA,UACb,SAAS,MAAM,gBAAgB,OAAO;AAAA,UACtC,QAAQ,QAAQ;AAAA,UAChB;AAAA,UACA,MAAK;AAAA,UACL,UAAU,QAAQ;AAAA,UAClB,OAAO,QAAQ;AAAA;AAAA,MACjB;AAAA,IAEJ,CAAC;AAAA,EACH,CACF;AAEJ;",
   "names": []
 }

package/dist/es/_shared/link-modal/open-link-modal/site-pages/site-pages.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/_shared/link-modal/open-link-modal/site-pages/site-pages.tsx"],
-  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport type { DropdownLayoutValueOption, PopoverProps, TooltipProps } from '@wix/design-system';\nimport { AutoComplete, Box, FormField, Text, listItemSelectBuilder } from '@wix/design-system';\nimport type { SyntheticEvent } from 'react';\nimport React, { useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { TFunction } from './../../../../ricos-types/common-types.js';\nimport type { LogBiFn } from './../../../bi-context-provider/bi-context-provider.js';\nimport { useBiNext } from './../../../bi-context-provider/bi-context-provider.js';\nimport { EditorBaseUrlContext } from './../../../editor-base-url/editor-base-url-context.js';\nimport { LINK_MODAL_ID } from './../../../link-modal/constants.js';\nimport type { NamedLink } from './../../../link/types.js';\nimport { SitePagesFetchContext } from './../../../site-pages/site-pages-fetch-context.js';\nimport type { SitePagesItem, SitePagesPageType } from './../../../site-pages/types.js';\nimport { removeBaseUrl } from './../../../url/remove-base-url.js';\n\nimport {\n  DYNAMIC_ITEM_PAGE_SELECT,\n  SITE_PAGES_EMPTY_STATE,\n  SITE_PAGES_PAGE_SELECT,\n} from '../../data-hooks/data-hooks.js';\nimport type { DropdownOption } from '../types.js';\nimport { useSitePages } from './use-site-pages.js';\n\ntype Option = DropdownOption & { page: SitePagesItem };\n\ntype Props = {\n  autoCompletePopoverProps: PopoverProps;\n  autoFocus: boolean;\n  link: NamedLink;\n  linkType: SitePagesPageType;\n  onSelect: (path: string, title: string) => void;\n  onSubmit: React.EventHandler<SyntheticEvent>;\n  tooltipProps: Partial<TooltipProps>;\n  t: TFunction;\n};\n\nexport const SitePages: React.FC<Props> = ({\n  autoCompletePopoverProps,\n  autoFocus,\n  link,\n  linkType,\n  onSelect,\n  onSubmit,\n  tooltipProps,\n  t,\n}) => {\n  const { baseUrl } = useContext(EditorBaseUrlContext);\n  const [hasSubpages, setHasSubpages] = useState<boolean>(false);\n  const logBi = useBiNext({ pluginId: 'link', modalId: LINK_MODAL_ID });\n  const pagesState = useSitePages(linkType);\n  const { sitePublished } = useContext(SitePagesFetchContext);\n  const options = useMemo<Option[]>(\n    () =>\n      pagesState.items\n        .filter(item => sitePublished || !item.hasSubpages)\n        .map(pageToOption(tooltipProps)),\n    [pagesState.items, tooltipProps]\n  );\n\n  const [selectedOption, setSelectedOption] = useState<Option | null>(() => {\n    const linkPath = removeBaseUrl(link.url || '', baseUrl);\n    return options.find(option => option.page.path === linkPath) || null;\n  });\n  const [value, setValue] = useState<string>(selectedOption?.page.title || '');\n  const ref = useRef<AutoComplete>(null);\n\n  const onEnterPressed = (evt: SyntheticEvent) => {\n    if (selectedOption && selectedOption.label === value && !hasSubpages) {\n      onSubmit(evt);\n    } else if ((evt.target as HTMLElement).getAttribute('data-hook')?.includes('option')) {\n      setTimeout(() => onSubmit(evt));\n    }\n  };\n\n  if (pagesState.areAllFetched && !pagesState.query && !pagesState.items.length) {\n    return <EmptyState linkType={linkType} t={t} />;\n  }\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP3\">\n      <SitePageDropdown\n        t={t}\n        linkType={linkType}\n        autofocus={autoFocus}\n        dataHook={SITE_PAGES_PAGE_SELECT}\n        pagesState={pagesState}\n        autoCompletePopoverProps={autoCompletePopoverProps}\n        options={options}\n        value={value}\n        selectedOption={selectedOption}\n        ref={ref}\n        hasSubpages={hasSubpages}\n        setSelectedOption={setSelectedOption}\n        setValue={setValue}\n        onEnterPressed={onEnterPressed}\n        onSelect={onSelect}\n        logBi={logBi}\n        setHasSubpages={setHasSubpages}\n      />\n\n      {selectedOption && hasSubpages && (\n        <ItemPagesDropdown\n          prefix={selectedOption.page.path}\n          pageId={selectedOption.page.id}\n          autoCompletePopoverProps={autoCompletePopoverProps}\n          tooltipProps={tooltipProps}\n          t={t}\n          onSelect={onSelect}\n          onSubmit={onSubmit}\n          logBi={logBi}\n        />\n      )}\n    </Box>\n  );\n};\n\nconst EmptyState: React.FC<{ linkType: SitePagesPageType; t: TFunction }> = ({ linkType, t }) => {\n  return (\n    <Box\n      dataHook={SITE_PAGES_EMPTY_STATE}\n      direction=\"vertical\"\n      margin=\"SP4\"\n      gap=\"SP2\"\n      verticalAlign=\"middle\"\n      textAlign=\"center\"\n    >\n      <Text size=\"small\" weight=\"bold\">\n        {t(typeTranslations.EmptyState_Text1[linkType])}\n      </Text>\n      <Text size=\"small\" weight=\"thin\">\n        {t(typeTranslations.EmptyState_Text2[linkType])}\n      </Text>\n    </Box>\n  );\n};\n\ntype ItemPagesDropdownProps = {\n  prefix: string;\n  pageId?: string;\n  autoCompletePopoverProps: PopoverProps;\n  tooltipProps: Partial<TooltipProps>;\n  t: TFunction;\n  onSelect: (path: string, title: string) => void;\n  onSubmit: React.EventHandler<SyntheticEvent>;\n  logBi: LogBiFn;\n};\n\nconst ItemPagesDropdown: React.FC<ItemPagesDropdownProps> = ({\n  prefix,\n  pageId,\n  autoCompletePopoverProps,\n  tooltipProps,\n  t,\n  onSelect,\n  onSubmit,\n  logBi,\n}) => {\n  const linkType = 'dynamicItemPage';\n  const pagesState = useSitePages(linkType, prefix, pageId);\n  const [value, setValue] = useState<string>('');\n  const [selectedOption, setSelectedOption] = useState<Option | null>(null);\n\n  const onEnterPressed = (evt: SyntheticEvent) => {\n    if (selectedOption && selectedOption.label === value) {\n      onSubmit(evt);\n    }\n  };\n\n  const options = useMemo<Option[]>(\n    () => pagesState.items.map(pageToOption(tooltipProps)),\n    [pagesState.items, tooltipProps, prefix]\n  );\n\n  return (\n    <SitePageDropdown\n      t={t}\n      linkType={'dynamicItemPage'}\n      dataHook={DYNAMIC_ITEM_PAGE_SELECT}\n      pagesState={pagesState}\n      autoCompletePopoverProps={autoCompletePopoverProps}\n      options={options}\n      value={value}\n      selectedOption={selectedOption}\n      setSelectedOption={setSelectedOption}\n      setValue={setValue}\n      onEnterPressed={onEnterPressed}\n      onSelect={onSelect}\n      logBi={logBi}\n    />\n  );\n};\n\ntype SitePageDropdownProps = {\n  linkType: SitePagesPageType;\n  autofocus?: boolean;\n  dataHook: string;\n  pagesState: ReturnType<typeof useSitePages>;\n  autoCompletePopoverProps: PopoverProps;\n  options: Option[];\n  value: string;\n  selectedOption: Option | null;\n  ref?: React.RefObject<AutoComplete>;\n  t: TFunction;\n  hasSubpages?: boolean;\n  setSelectedOption: (option: Option | null) => void;\n  setValue: (value: string) => void;\n  onEnterPressed: (evt: SyntheticEvent) => void;\n  onSelect: (path: string, title: string) => void;\n  logBi: LogBiFn;\n  setHasSubpages?: (hasSubpages: boolean) => void;\n};\n\nconst SitePageDropdown: React.FC<SitePageDropdownProps> = ({\n  t,\n  linkType,\n  autofocus,\n  dataHook,\n  pagesState,\n  autoCompletePopoverProps,\n  options,\n  value,\n  selectedOption,\n  ref,\n  hasSubpages,\n  setSelectedOption,\n  setValue,\n  onEnterPressed,\n  onSelect,\n  logBi,\n  setHasSubpages,\n}) => {\n  const onChange = (evt: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectedOption(null);\n    setValue(evt.target.value);\n    pagesState.setQuery(evt.target.value);\n    onSelect('', '');\n  };\n\n  const onBlur = () => {\n    if (!selectedOption) {\n      setValue('');\n    }\n    if (selectedOption && value !== selectedOption.label) {\n      setValue(selectedOption.label || '');\n    }\n  };\n  const onSelectOption = (option: DropdownLayoutValueOption) => {\n    pagesState.setQuery('');\n\n    setSelectedOption(option as Option);\n    setValue((option as Option).page.title);\n    onSelect(\n      linkType === 'dynamicPage'\n        ? `/${(option as Option).page.path}`\n        : (option as Option).page.path,\n      (option as Option).page.title\n    );\n    if (hasSubpages) {\n      onSelect('', '');\n    }\n    logBi({ dataHook: SITE_PAGES_PAGE_SELECT, value: (option as Option).page.title });\n  };\n\n  useEffect(() => {\n    if (autofocus) {\n      ref?.current?.showOptions();\n    }\n  }, []);\n\n  useEffect(() => {\n    if (setHasSubpages) {\n      setHasSubpages(checkForSubpages(selectedOption, linkType, pagesState.items));\n    }\n  }, [selectedOption, linkType, pagesState.items, setHasSubpages]);\n\n  return (\n    <FormField label={t(typeTranslations.AutoComplete_Label[linkType])} labelPlacement=\"top\">\n      <AutoComplete\n        autoFocus={autofocus}\n        dataHook={dataHook}\n        dropdownWidth=\"auto\"\n        emptyStateMessage={\n          pagesState.isLoading ? undefined : (\n            <Text skin=\"disabled\" size=\"small\">\n              {pagesState.query\n                ? t('LinkSettings_SitePages_All_NoResults_Query', { query: pagesState.query })\n                : t(typeTranslations.NoResults_Any[linkType])}\n            </Text>\n          )\n        }\n        focusOnSelectedOption\n        minWidthPixels=\"252px\"\n        hasMore={pagesState.hasMore || pagesState.isLoading}\n        infiniteScroll\n        loadMore={pagesState.loadMore ? pagesState.loadMore : () => {}}\n        placeholder={t(typeTranslations.AutoComplete_Placeholder[linkType])}\n        popoverProps={autoCompletePopoverProps}\n        size=\"small\"\n        textOverflow=\"ellipsis\"\n        options={options}\n        value={value}\n        onChange={onChange}\n        // WDS introduced a bug where marked option must be in options array otherwise the component crashes\n        markedOption={\n          options.some(opt => opt.id === selectedOption?.id) ? selectedOption?.id : undefined\n        }\n        onOptionMarked={option => {\n          setValue((option as Option)?.page?.title);\n        }}\n        onEnterPressed={onEnterPressed}\n        selectedId={selectedOption?.id}\n        status={pagesState.error ? 'error' : pagesState.isLoading ? 'loading' : undefined}\n        onBlur={onBlur}\n        onSelect={onSelectOption}\n        ref={ref}\n      />\n    </FormField>\n  );\n};\n\nconst typeTranslations: Record<\n  | 'AutoComplete_Label'\n  | 'AutoComplete_Placeholder'\n  | 'EmptyState_Text1'\n  | 'EmptyState_Text2'\n  | 'NoResults_Any',\n  Record<SitePagesPageType, string>\n> = {\n  AutoComplete_Label: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_AutoComplete_Label',\n    staticPage: 'LinkSettings_SitePages_StaticPage_AutoComplete_Label',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_AutoComplete_Label',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_AutoComplete_Label',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_AutoComplete_Label',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_AutoComplete_Label',\n  },\n  AutoComplete_Placeholder: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_AutoComplete_Placeholder',\n    staticPage: 'LinkSettings_SitePages_StaticPage_AutoComplete_Placeholder',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_AutoComplete_Placeholder',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_AutoComplete_Placeholder',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_AutoComplete_Placeholder',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_AutoComplete_Placeholder',\n  },\n  EmptyState_Text1: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_EmptyState_Text1',\n    staticPage: 'LinkSettings_SitePages_StaticPage_EmptyState_Text1',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_EmptyState_Text1',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_EmptyState_Text1',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_EmptyState_Text1',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_EmptyState_Text1',\n  },\n  EmptyState_Text2: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_EmptyState_Text2',\n    staticPage: 'LinkSettings_SitePages_StaticPage_EmptyState_Text2',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_EmptyState_Text2',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_EmptyState_Text2',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_EmptyState_Text2',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_EmptyState_Text2',\n  },\n  NoResults_Any: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_NoResults_Any',\n    staticPage: 'LinkSettings_SitePages_StaticPage_NoResults_Any',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_NoResults_Any',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_NoResults_Any',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_NoResults_Any',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_NoResults_Any',\n  },\n};\n\nconst pageToOption =\n  (tooltipProps: Partial<TooltipProps>) =>\n  (page: SitePagesItem): Option =>\n    Object.assign(\n      listItemSelectBuilder({\n        ...page,\n        ellipsis: true,\n        titleMaxLines: 2,\n        id: page.id,\n        label: page.title ?? '',\n        size: 'small',\n        dataHook: 'option',\n        subtitle: page.updatedDate?.toLocaleDateString() || page.description || undefined,\n        tooltipProps: {\n          ...tooltipProps,\n          children: page.title,\n          enterDelay: 1_000,\n          placement: 'top',\n        },\n      }),\n      {\n        label: page.title ?? '',\n        page,\n      }\n    );\n\nconst checkForSubpages = (\n  selectedOption: Option | null,\n  pageType: SitePagesPageType,\n  items: SitePagesItem[]\n) => {\n  if (!selectedOption || pageType !== 'dynamicPage' || !items || items.length === 0) {\n    return false;\n  }\n  return items.find(item => item.id === selectedOption.id)?.hasSubpages || false;\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport type { DropdownLayoutValueOption, PopoverProps, TooltipProps } from '@wix/design-system';\nimport { AutoComplete, Box, FormField, Text, listItemSelectBuilder } from '@wix/design-system';\nimport type { SyntheticEvent } from 'react';\nimport React, { useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { TFunction } from './../../../../ricos-types/common-types.js';\nimport type { LogBiFn } from './../../../bi-context-provider/bi-context-provider.js';\nimport { useBiNext } from './../../../bi-context-provider/bi-context-provider.js';\nimport { EditorBaseUrlContext } from './../../../editor-base-url/editor-base-url-context.js';\nimport { LINK_MODAL_ID } from './../../../link-modal/constants.js';\nimport type { NamedLink } from './../../../link/types.js';\nimport { SitePagesFetchContext } from './../../../site-pages/site-pages-fetch-context.js';\nimport type { SitePagesItem, SitePagesPageType } from './../../../site-pages/types.js';\nimport { removeBaseUrl } from './../../../url/remove-base-url.js';\n\nimport {\n  DYNAMIC_ITEM_PAGE_SELECT,\n  SITE_PAGES_EMPTY_STATE,\n  SITE_PAGES_PAGE_SELECT,\n} from '../../data-hooks/data-hooks.js';\nimport { useSitePages } from './use-site-pages.js';\n\ntype Option = DropdownLayoutValueOption & { page: SitePagesItem };\n\ntype Props = {\n  autoCompletePopoverProps: PopoverProps;\n  autoFocus: boolean;\n  link: NamedLink;\n  linkType: SitePagesPageType;\n  onSelect: (path: string, title: string) => void;\n  onSubmit: React.EventHandler<SyntheticEvent>;\n  tooltipProps: Partial<TooltipProps>;\n  t: TFunction;\n};\n\nexport const SitePages: React.FC<Props> = ({\n  autoCompletePopoverProps,\n  autoFocus,\n  link,\n  linkType,\n  onSelect,\n  onSubmit,\n  tooltipProps,\n  t,\n}) => {\n  const { baseUrl } = useContext(EditorBaseUrlContext);\n  const [hasSubpages, setHasSubpages] = useState<boolean>(false);\n  const logBi = useBiNext({ pluginId: 'link', modalId: LINK_MODAL_ID });\n  const pagesState = useSitePages(linkType);\n  const { sitePublished } = useContext(SitePagesFetchContext);\n  const options = useMemo<Option[]>(\n    () =>\n      pagesState.items\n        .filter(item => sitePublished || !item.hasSubpages)\n        .map(pageToOption(tooltipProps)),\n    [pagesState.items, tooltipProps]\n  );\n\n  const [selectedOption, setSelectedOption] = useState<Option | null>(() => {\n    const linkPath = removeBaseUrl(link.url || '', baseUrl);\n    return options.find(option => option.page.path === linkPath) || null;\n  });\n  const [value, setValue] = useState<string>(selectedOption?.page.title || '');\n  const ref = useRef<AutoComplete>(null);\n\n  const onEnterPressed = (evt: SyntheticEvent) => {\n    if (selectedOption && selectedOption.label === value && !hasSubpages) {\n      onSubmit(evt);\n    } else if ((evt.target as HTMLElement).getAttribute('data-hook')?.includes('option')) {\n      setTimeout(() => onSubmit(evt));\n    }\n  };\n\n  if (pagesState.areAllFetched && !pagesState.query && !pagesState.items.length) {\n    return <EmptyState linkType={linkType} t={t} />;\n  }\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP3\">\n      <SitePageDropdown\n        t={t}\n        linkType={linkType}\n        autofocus={autoFocus}\n        dataHook={SITE_PAGES_PAGE_SELECT}\n        pagesState={pagesState}\n        autoCompletePopoverProps={autoCompletePopoverProps}\n        options={options}\n        value={value}\n        selectedOption={selectedOption}\n        ref={ref}\n        hasSubpages={hasSubpages}\n        setSelectedOption={setSelectedOption}\n        setValue={setValue}\n        onEnterPressed={onEnterPressed}\n        onSelect={onSelect}\n        logBi={logBi}\n        setHasSubpages={setHasSubpages}\n      />\n\n      {selectedOption && hasSubpages && (\n        <ItemPagesDropdown\n          prefix={selectedOption.page.path}\n          pageId={selectedOption.page.id}\n          autoCompletePopoverProps={autoCompletePopoverProps}\n          tooltipProps={tooltipProps}\n          t={t}\n          onSelect={onSelect}\n          onSubmit={onSubmit}\n          logBi={logBi}\n        />\n      )}\n    </Box>\n  );\n};\n\nconst EmptyState: React.FC<{ linkType: SitePagesPageType; t: TFunction }> = ({ linkType, t }) => {\n  return (\n    <Box\n      dataHook={SITE_PAGES_EMPTY_STATE}\n      direction=\"vertical\"\n      margin=\"SP4\"\n      gap=\"SP2\"\n      verticalAlign=\"middle\"\n      textAlign=\"center\"\n    >\n      <Text size=\"small\" weight=\"bold\">\n        {t(typeTranslations.EmptyState_Text1[linkType])}\n      </Text>\n      <Text size=\"small\" weight=\"thin\">\n        {t(typeTranslations.EmptyState_Text2[linkType])}\n      </Text>\n    </Box>\n  );\n};\n\ntype ItemPagesDropdownProps = {\n  prefix: string;\n  pageId?: string;\n  autoCompletePopoverProps: PopoverProps;\n  tooltipProps: Partial<TooltipProps>;\n  t: TFunction;\n  onSelect: (path: string, title: string) => void;\n  onSubmit: React.EventHandler<SyntheticEvent>;\n  logBi: LogBiFn;\n};\n\nconst ItemPagesDropdown: React.FC<ItemPagesDropdownProps> = ({\n  prefix,\n  pageId,\n  autoCompletePopoverProps,\n  tooltipProps,\n  t,\n  onSelect,\n  onSubmit,\n  logBi,\n}) => {\n  const linkType = 'dynamicItemPage';\n  const pagesState = useSitePages(linkType, prefix, pageId);\n  const [value, setValue] = useState<string>('');\n  const [selectedOption, setSelectedOption] = useState<Option | null>(null);\n\n  const onEnterPressed = (evt: SyntheticEvent) => {\n    if (selectedOption && selectedOption.label === value) {\n      onSubmit(evt);\n    }\n  };\n\n  const options = useMemo<Option[]>(\n    () => pagesState.items.map(pageToOption(tooltipProps)),\n    [pagesState.items, tooltipProps, prefix]\n  );\n\n  return (\n    <SitePageDropdown\n      t={t}\n      linkType={'dynamicItemPage'}\n      dataHook={DYNAMIC_ITEM_PAGE_SELECT}\n      pagesState={pagesState}\n      autoCompletePopoverProps={autoCompletePopoverProps}\n      options={options}\n      value={value}\n      selectedOption={selectedOption}\n      setSelectedOption={setSelectedOption}\n      setValue={setValue}\n      onEnterPressed={onEnterPressed}\n      onSelect={onSelect}\n      logBi={logBi}\n    />\n  );\n};\n\ntype SitePageDropdownProps = {\n  linkType: SitePagesPageType;\n  autofocus?: boolean;\n  dataHook: string;\n  pagesState: ReturnType<typeof useSitePages>;\n  autoCompletePopoverProps: PopoverProps;\n  options: Option[];\n  value: string;\n  selectedOption: Option | null;\n  ref?: React.RefObject<AutoComplete>;\n  t: TFunction;\n  hasSubpages?: boolean;\n  setSelectedOption: (option: Option | null) => void;\n  setValue: (value: string) => void;\n  onEnterPressed: (evt: SyntheticEvent) => void;\n  onSelect: (path: string, title: string) => void;\n  logBi: LogBiFn;\n  setHasSubpages?: (hasSubpages: boolean) => void;\n};\n\nconst SitePageDropdown: React.FC<SitePageDropdownProps> = ({\n  t,\n  linkType,\n  autofocus,\n  dataHook,\n  pagesState,\n  autoCompletePopoverProps,\n  options,\n  value,\n  selectedOption,\n  ref,\n  hasSubpages,\n  setSelectedOption,\n  setValue,\n  onEnterPressed,\n  onSelect,\n  logBi,\n  setHasSubpages,\n}) => {\n  const onChange = (evt: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectedOption(null);\n    setValue(evt.target.value);\n    pagesState.setQuery(evt.target.value);\n    onSelect('', '');\n  };\n\n  const onBlur = () => {\n    if (!selectedOption) {\n      setValue('');\n    }\n    if (selectedOption && value !== selectedOption.label) {\n      setValue(selectedOption.label || '');\n    }\n  };\n  const onSelectOption = (option: DropdownLayoutValueOption) => {\n    pagesState.setQuery('');\n\n    setSelectedOption(option as Option);\n    setValue((option as Option).page.title);\n    onSelect(\n      linkType === 'dynamicPage'\n        ? `/${(option as Option).page.path}`\n        : (option as Option).page.path,\n      (option as Option).page.title\n    );\n    if (hasSubpages) {\n      onSelect('', '');\n    }\n    logBi({ dataHook: SITE_PAGES_PAGE_SELECT, value: (option as Option).page.title });\n  };\n\n  useEffect(() => {\n    if (autofocus) {\n      ref?.current?.showOptions();\n    }\n  }, []);\n\n  useEffect(() => {\n    if (setHasSubpages) {\n      setHasSubpages(checkForSubpages(selectedOption, linkType, pagesState.items));\n    }\n  }, [selectedOption, linkType, pagesState.items, setHasSubpages]);\n\n  return (\n    <FormField label={t(typeTranslations.AutoComplete_Label[linkType])} labelPlacement=\"top\">\n      <AutoComplete\n        autoFocus={autofocus}\n        dataHook={dataHook}\n        dropdownWidth=\"auto\"\n        emptyStateMessage={\n          pagesState.isLoading ? undefined : (\n            <Text skin=\"disabled\" size=\"small\">\n              {pagesState.query\n                ? t('LinkSettings_SitePages_All_NoResults_Query', { query: pagesState.query })\n                : t(typeTranslations.NoResults_Any[linkType])}\n            </Text>\n          )\n        }\n        focusOnSelectedOption\n        minWidthPixels=\"252px\"\n        hasMore={pagesState.hasMore || pagesState.isLoading}\n        infiniteScroll\n        loadMore={pagesState.loadMore ? pagesState.loadMore : () => {}}\n        placeholder={t(typeTranslations.AutoComplete_Placeholder[linkType])}\n        popoverProps={autoCompletePopoverProps}\n        size=\"small\"\n        textOverflow=\"ellipsis\"\n        options={options}\n        value={value}\n        onChange={onChange}\n        // WDS introduced a bug where marked option must be in options array otherwise the component crashes\n        markedOption={\n          options.some(opt => opt.id === selectedOption?.id) ? selectedOption?.id : undefined\n        }\n        onOptionMarked={option => {\n          setValue((option as Option)?.page?.title);\n        }}\n        onEnterPressed={onEnterPressed}\n        selectedId={selectedOption?.id}\n        status={pagesState.error ? 'error' : pagesState.isLoading ? 'loading' : undefined}\n        onBlur={onBlur}\n        onSelect={onSelectOption}\n        ref={ref}\n      />\n    </FormField>\n  );\n};\n\nconst typeTranslations: Record<\n  | 'AutoComplete_Label'\n  | 'AutoComplete_Placeholder'\n  | 'EmptyState_Text1'\n  | 'EmptyState_Text2'\n  | 'NoResults_Any',\n  Record<SitePagesPageType, string>\n> = {\n  AutoComplete_Label: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_AutoComplete_Label',\n    staticPage: 'LinkSettings_SitePages_StaticPage_AutoComplete_Label',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_AutoComplete_Label',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_AutoComplete_Label',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_AutoComplete_Label',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_AutoComplete_Label',\n  },\n  AutoComplete_Placeholder: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_AutoComplete_Placeholder',\n    staticPage: 'LinkSettings_SitePages_StaticPage_AutoComplete_Placeholder',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_AutoComplete_Placeholder',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_AutoComplete_Placeholder',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_AutoComplete_Placeholder',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_AutoComplete_Placeholder',\n  },\n  EmptyState_Text1: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_EmptyState_Text1',\n    staticPage: 'LinkSettings_SitePages_StaticPage_EmptyState_Text1',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_EmptyState_Text1',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_EmptyState_Text1',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_EmptyState_Text1',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_EmptyState_Text1',\n  },\n  EmptyState_Text2: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_EmptyState_Text2',\n    staticPage: 'LinkSettings_SitePages_StaticPage_EmptyState_Text2',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_EmptyState_Text2',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_EmptyState_Text2',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_EmptyState_Text2',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_EmptyState_Text2',\n  },\n  NoResults_Any: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_NoResults_Any',\n    staticPage: 'LinkSettings_SitePages_StaticPage_NoResults_Any',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_NoResults_Any',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_NoResults_Any',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_NoResults_Any',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_NoResults_Any',\n  },\n};\n\nconst pageToOption =\n  (tooltipProps: Partial<TooltipProps>) =>\n  (page: SitePagesItem): Option =>\n    Object.assign(\n      listItemSelectBuilder({\n        ...page,\n        ellipsis: true,\n        titleMaxLines: 2,\n        id: page.id,\n        label: page.title ?? '',\n        size: 'small',\n        dataHook: 'option',\n        subtitle: page.updatedDate?.toLocaleDateString() || page.description || undefined,\n        tooltipProps: {\n          ...tooltipProps,\n          children: page.title,\n          enterDelay: 1_000,\n          placement: 'top',\n        },\n      }),\n      {\n        label: page.title ?? '',\n        page,\n      }\n    );\n\nconst checkForSubpages = (\n  selectedOption: Option | null,\n  pageType: SitePagesPageType,\n  items: SitePagesItem[]\n) => {\n  if (!selectedOption || pageType !== 'dynamicPage' || !items || items.length === 0) {\n    return false;\n  }\n  return items.find(item => item.id === selectedOption.id)?.hasSubpages || false;\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/_shared/list-item-divider/list-item-divider-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "20819b1b";
+var styleDataHash = "81bcf0ed";
 const injectCss = (() => {
-  var css = `.c9cT2{background-color:var(--ricos-settings-dividers-color,rgba(51,51,51,.2));margin:var(--wds-list-item-section-divider-padding-top,var(--wds-space-100,6px)) var(--wds-list-item-section-divider-padding-horizontal,var(--wds-space-400,24px)) var(--wds-list-item-section-divider-padding-bottom,var(--wds-space-100,6px))}`;
+  var css = `._4RMlr{background-color:var(--ricos-settings-dividers-color,rgba(51,51,51,.2));margin:var(--wds-list-item-section-divider-padding-top,var(--wds-space-100,6px)) var(--wds-list-item-section-divider-padding-horizontal,var(--wds-space-400,24px)) var(--wds-list-item-section-divider-padding-bottom,var(--wds-space-100,6px))}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var list_item_divider_default = {
-  "divider": "c9cT2"
+  "divider": "_4RMlr"
 };
 export {
   list_item_divider_default as default,

package/dist/es/_shared/list-item-divider/list-item-divider-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/list-item-divider/list-item-divider.scss"],
-  "sourcesContent": ["var styleDataHash = '20819b1b';  \nexport const injectCss = (() => {\n  var css = `.c9cT2{background-color:var(--ricos-settings-dividers-color,rgba(51,51,51,.2));margin:var(--wds-list-item-section-divider-padding-top,var(--wds-space-100,6px)) var(--wds-list-item-section-divider-padding-horizontal,var(--wds-space-400,24px)) var(--wds-list-item-section-divider-padding-bottom,var(--wds-space-100,6px))}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"divider\": \"c9cT2\"\n};"],
+  "sourcesContent": ["var styleDataHash = '81bcf0ed';  \nexport const injectCss = (() => {\n  var css = `._4RMlr{background-color:var(--ricos-settings-dividers-color,rgba(51,51,51,.2));margin:var(--wds-list-item-section-divider-padding-top,var(--wds-space-100,6px)) var(--wds-list-item-section-divider-padding-horizontal,var(--wds-space-400,24px)) var(--wds-list-item-section-divider-padding-bottom,var(--wds-space-100,6px))}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"divider\": \"_4RMlr\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,4BAAQ;AAAA,EACb,WAAW;AACb;",
   "names": []
 }

package/dist/es/_shared/list-item-select/list-item-select-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "deaad6c9";
+var styleDataHash = "8c230c03";
 const injectCss = (() => {
-  var css = `._9zzta{display:flex}._9zzta:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}._25cb9{flex:1}._25cb9 [data-hook~=list-item-select-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
+  var css = `.G3aRb{display:flex}.G3aRb:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.eM-WB{flex:1}.eM-WB [data-hook~=list-item-select-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var list_item_select_default = {
-  "root": "_9zzta",
-  "content": "_25cb9"
+  "root": "G3aRb",
+  "content": "eM-WB"
 };
 export {
   list_item_select_default as default,

package/dist/es/_shared/list-item-select/list-item-select-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/list-item-select/list-item-select.scss"],
-  "sourcesContent": ["var styleDataHash = 'deaad6c9';  \nexport const injectCss = (() => {\n  var css = `._9zzta{display:flex}._9zzta:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}._25cb9{flex:1}._25cb9 [data-hook~=list-item-select-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"_9zzta\",\n  \"content\": \"_25cb9\"\n};"],
+  "sourcesContent": ["var styleDataHash = '8c230c03';  \nexport const injectCss = (() => {\n  var css = `.G3aRb{display:flex}.G3aRb:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.eM-WB{flex:1}.eM-WB [data-hook~=list-item-select-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"G3aRb\",\n  \"content\": \"eM-WB\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,2BAAQ;AAAA,EACb,QAAQ;AAAA,EACR,WAAW;AACb;",
   "names": []
 }

package/dist/es/_shared/list-item-toggle/list-item-toggle-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "6a205679";
+var styleDataHash = "5f731479";
 const injectCss = (() => {
-  var css = `.EC0rk{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}.EC0rk svg{vertical-align:-3px}.GoI3e [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.yShcz{align-items:center;display:flex}`;
+  var css = `.OY4z3{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}.OY4z3 svg{vertical-align:-3px}.x-CHt [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.MPIJ2{align-items:center;display:flex}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = (() => {
 });
 injectCss();
 var list_item_toggle_default = {
-  "info": "EC0rk",
-  "row": "GoI3e",
-  "suffix": "yShcz"
+  "info": "OY4z3",
+  "row": "x-CHt",
+  "suffix": "MPIJ2"
 };
 export {
   list_item_toggle_default as default,

package/dist/es/_shared/list-item-toggle/list-item-toggle-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/list-item-toggle/list-item-toggle.scss"],
-  "sourcesContent": ["var styleDataHash = '6a205679';  \nexport const injectCss = (() => {\n  var css = `.EC0rk{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}.EC0rk svg{vertical-align:-3px}.GoI3e [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.yShcz{align-items:center;display:flex}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"info\": \"EC0rk\",\n  \"row\": \"GoI3e\",\n  \"suffix\": \"yShcz\"\n};"],
+  "sourcesContent": ["var styleDataHash = '5f731479';  \nexport const injectCss = (() => {\n  var css = `.OY4z3{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}.OY4z3 svg{vertical-align:-3px}.x-CHt [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.MPIJ2{align-items:center;display:flex}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"info\": \"OY4z3\",\n  \"row\": \"x-CHt\",\n  \"suffix\": \"MPIJ2\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,2BAAQ;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AACZ;",
   "names": []
 }

package/dist/es/_shared/memo-last.js ADDED Viewed

@@ -0,0 +1,13 @@
+const memoLast = (create) => {
+  let last;
+  return (key) => {
+    if (!last || !Object.is(last.key, key)) {
+      last = { key, value: create(key) };
+    }
+    return last.value;
+  };
+};
+export {
+  memoLast
+};
+//# sourceMappingURL=memo-last.js.map

package/dist/es/_shared/memo-last.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/_shared/memo-last.ts"],
+  "sourcesContent": ["/**\n * Remembers the last call: the same key returns the same result. Toolbar `getIcon`s use it so\n * an icon that draws state (a color, a font size) is a new component only when that state\n * changes; a host comparing icon components then sees exactly the visible changes.\n */\nexport const memoLast = <K, R>(create: (key: K) => R): ((key: K) => R) => {\n  let last: { key: K; value: R } | undefined;\n  return key => {\n    if (!last || !Object.is(last.key, key)) {\n      last = { key, value: create(key) };\n    }\n    return last.value;\n  };\n};\n"],
+  "mappings": "AAKO,MAAM,WAAW,CAAO,WAA2C;AACxE,MAAI;AACJ,SAAO,SAAO;AACZ,QAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,KAAK,KAAK,GAAG,GAAG;AACtC,aAAO,EAAE,KAAK,OAAO,OAAO,GAAG,EAAE;AAAA,IACnC;AACA,WAAO,KAAK;AAAA,EACd;AACF;",
+  "names": []
+}

package/dist/es/_shared/overlay-hoc/overlay-hoc-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "b72b260e";
+var styleDataHash = "51ea85d4";
 const injectCss = (() => {
-  var css = `.tRnMh{left:0;position:relative;top:0;width:100%}.tRnMh:before{content:"";cursor:move;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}`;
+  var css = `.jVId9{left:0;position:relative;top:0;width:100%}.jVId9:before{content:"";cursor:move;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var overlay_hoc_default = {
-  "overlay": "tRnMh"
+  "overlay": "jVId9"
 };
 export {
   overlay_hoc_default as default,

package/dist/es/_shared/overlay-hoc/overlay-hoc-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/overlay-hoc/overlay-hoc.scss"],
-  "sourcesContent": ["var styleDataHash = 'b72b260e';  \nexport const injectCss = (() => {\n  var css = `.tRnMh{left:0;position:relative;top:0;width:100%}.tRnMh:before{content:\"\";cursor:move;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"overlay\": \"tRnMh\"\n};"],
+  "sourcesContent": ["var styleDataHash = '51ea85d4';  \nexport const injectCss = (() => {\n  var css = `.jVId9{left:0;position:relative;top:0;width:100%}.jVId9:before{content:\"\";cursor:move;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"overlay\": \"jVId9\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,sBAAQ;AAAA,EACb,WAAW;AACb;",
   "names": []
 }

package/dist/es/_shared/plugin-toolbar/separator/toolbar-button-separator-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "fc24297c";
+var styleDataHash = "64fbe3c6";
 const injectCss = (() => {
-  var css = `.FjrBO{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.ZCJaF{height:42px}`;
+  var css = `._9G8D8{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.vXF5L{height:42px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var toolbar_button_separator_default = {
-  "separator": "FjrBO",
-  "mobileSeparator": "ZCJaF"
+  "separator": "_9G8D8",
+  "mobileSeparator": "vXF5L"
 };
 export {
   toolbar_button_separator_default as default,

package/dist/es/_shared/plugin-toolbar/separator/toolbar-button-separator-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/_shared/plugin-toolbar/separator/toolbar-button-separator.scss"],
-  "sourcesContent": ["var styleDataHash = 'fc24297c';  \nexport const injectCss = (() => {\n  var css = `.FjrBO{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.ZCJaF{height:42px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"separator\": \"FjrBO\",\n  \"mobileSeparator\": \"ZCJaF\"\n};"],
+  "sourcesContent": ["var styleDataHash = '64fbe3c6';  \nexport const injectCss = (() => {\n  var css = `._9G8D8{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.vXF5L{height:42px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"separator\": \"_9G8D8\",\n  \"mobileSeparator\": \"vXF5L\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,mCAAQ;AAAA,EACb,aAAa;AAAA,EACb,mBAAmB;AACrB;",
   "names": []
 }

package/dist/es/_shared/plugin-toolbar/url-link-button/create-url-link-button.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { TextButton } from "@wix/design-system";
 import React, { useContext } from "react";
 import { parseLink } from "./../../../ricos-content/lib/node-utils.js";
+import { memoLast } from "./../../memo-last.js";
 import { LINK_PLUGIN_WEB_LINK_BUTTON } from "../../data-hooks.js";
 import { EditorBaseUrlContext } from "../../editor-base-url/editor-base-url-context.js";
 import { getEditableUrl } from "../../url/get-editable-url.js";
@@ -10,6 +11,10 @@ const createUrlLinkButton = ({
   services,
   attributes
 }) => {
+  const urlIcon = memoLast((key) => {
+    const [link, baseUrl] = JSON.parse(key);
+    return () => /* @__PURE__ */ React.createElement(ToolbarUrl, { link, baseUrl });
+  });
   return {
     id: "urlLink",
     type: "toggle",
@@ -18,7 +23,7 @@ const createUrlLinkButton = ({
     tooltip: null,
     // External toolbars draw this instead of calling the renderer, outside any ricos provider —
     // hence the base url off the services rather than off the React context.
-    getIcon: ({ attributes: attributes2 }) => () => /* @__PURE__ */ React.createElement(ToolbarUrl, { link: attributes2.selectedUrlLinkData, baseUrl: services.editorProps?.baseUrl }),
+    getIcon: ({ attributes: attributes2 }) => urlIcon(JSON.stringify([attributes2.selectedUrlLinkData, services.editorProps?.baseUrl])),
     renderer: (toolbarItem) => /* @__PURE__ */ React.createElement(UrlLinkButton, { toolbarItem }),
     command: () => {
     }

package/dist/es/_shared/plugin-toolbar/url-link-button/create-url-link-button.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/_shared/plugin-toolbar/url-link-button/create-url-link-button.tsx"],
-  "sourcesContent": ["import { TextButton } from '@wix/design-system';\nimport React, { useContext } from 'react';\n\nimport { parseLink } from './../../../ricos-content/lib/node-utils.js';\nimport type { IToolbarItem, RicosServices, ToolbarButton } from './../../../ricos-types/index.js';\n\nimport { LINK_PLUGIN_WEB_LINK_BUTTON } from '../../data-hooks.js';\nimport { EditorBaseUrlContext } from '../../editor-base-url/editor-base-url-context.js';\nimport { getEditableUrl } from '../../url/get-editable-url.js';\nimport { getHrefUrl } from '../../url/get-href-url.js';\nimport classes from './url-link-button-scss.js';\n\nexport const createUrlLinkButton = ({\n  services,\n  attributes,\n}: {\n  services: RicosServices;\n  attributes: ToolbarButton['attributes'];\n}): ToolbarButton => {\n  return {\n    id: 'urlLink',\n    type: 'toggle',\n    dataHook: LINK_PLUGIN_WEB_LINK_BUTTON,\n    attributes,\n    tooltip: null,\n    // External toolbars draw this instead of calling the renderer, outside any ricos provider —\n    // hence the base url off the services rather than off the React context.\n    getIcon:\n      ({ attributes }) =>\n      () => (\n        <ToolbarUrl link={attributes.selectedUrlLinkData} baseUrl={services.editorProps?.baseUrl} />\n      ),\n    renderer: toolbarItem => <UrlLinkButton toolbarItem={toolbarItem} />,\n    command: () => {},\n  };\n};\n\nconst UrlLinkButton = ({ toolbarItem }: { toolbarItem: IToolbarItem }) => {\n  const { baseUrl } = useContext(EditorBaseUrlContext);\n\n  return (\n    <div className={classes.toolbarUrlContainer}>\n      <ToolbarUrl\n        link={toolbarItem.attributes.selectedUrlLinkData}\n        baseUrl={baseUrl}\n        className={classes.toolbarUrl}\n        dataHook={toolbarItem.presentation?.dataHook}\n        tabIndex={toolbarItem.presentation.tabIndex}\n      />\n    </div>\n  );\n};\n\nconst ToolbarUrl = ({\n  link,\n  baseUrl,\n  dataHook,\n  className,\n  tabIndex,\n}: {\n  link: Parameters<typeof parseLink>[0];\n  baseUrl?: string;\n  dataHook?: string;\n  className?: string;\n  tabIndex?: number;\n}) => {\n  const { url = '', rel = '', target = '_self' } = parseLink(link);\n\n  return (\n    <TextButton\n      as=\"a\"\n      size=\"small\"\n      underline=\"onHover\"\n      // Clips a long url with an ellipsis against the container's max-width. The full url is\n      // deliberately not offered as a WDS hover tooltip: the link toolbar floats, and today's\n      // behaviour is a bare truncation.\n      ellipsis\n      showTooltip={false}\n      className={className}\n      dataHook={dataHook}\n      href={getHrefUrl(url, baseUrl)}\n      rel={rel}\n      target={target}\n      tabIndex={tabIndex}\n      // Holds the editor's selection: without it, pressing the mouse here blurs ProseMirror\n      // and the toolbar loses the link it is acting on.\n      onMouseDown={event => event.preventDefault()}\n    >\n      {getEditableUrl(url, baseUrl)}\n    </TextButton>\n  );\n};\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,OAAO,SAAS,kBAAkB;AAElC,SAAS,iBAAiB;AAG1B,SAAS,mCAAmC;AAC5C,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,OAAO,aAAa;AAEb,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AACF,MAGqB;AACnB,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV;AAAA,IACA,SAAS;AAAA;AAAA;AAAA,IAGT,SACE,CAAC,EAAE,YAAAA,YAAW,MACd,MACE,oCAAC,cAAW,MAAMA,YAAW,qBAAqB,SAAS,SAAS,aAAa,SAAS;AAAA,IAE9F,UAAU,iBAAe,oCAAC,iBAAc,aAA0B;AAAA,IAClE,SAAS,MAAM;AAAA,IAAC;AAAA,EAClB;AACF;AAEA,MAAM,gBAAgB,CAAC,EAAE,YAAY,MAAqC;AACxE,QAAM,EAAE,QAAQ,IAAI,WAAW,oBAAoB;AAEnD,SACE,oCAAC,SAAI,WAAW,QAAQ,uBACtB;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,YAAY,WAAW;AAAA,MAC7B;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,UAAU,YAAY,cAAc;AAAA,MACpC,UAAU,YAAY,aAAa;AAAA;AAAA,EACrC,CACF;AAEJ;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM;AACJ,QAAM,EAAE,MAAM,IAAI,MAAM,IAAI,SAAS,QAAQ,IAAI,UAAU,IAAI;AAE/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,WAAU;AAAA,MAIV,UAAQ;AAAA,MACR,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,MAAM,WAAW,KAAK,OAAO;AAAA,MAC7B;AAAA,MACA;AAAA,MACA;AAAA,MAGA,aAAa,WAAS,MAAM,eAAe;AAAA;AAAA,IAE1C,eAAe,KAAK,OAAO;AAAA,EAC9B;AAEJ;",
+  "sourcesContent": ["import { TextButton } from '@wix/design-system';\nimport React, { useContext } from 'react';\n\nimport { parseLink } from './../../../ricos-content/lib/node-utils.js';\nimport type { IToolbarItem, RicosServices, ToolbarButton } from './../../../ricos-types/index.js';\nimport { memoLast } from './../../memo-last.js';\n\nimport { LINK_PLUGIN_WEB_LINK_BUTTON } from '../../data-hooks.js';\nimport { EditorBaseUrlContext } from '../../editor-base-url/editor-base-url-context.js';\nimport { getEditableUrl } from '../../url/get-editable-url.js';\nimport { getHrefUrl } from '../../url/get-href-url.js';\nimport classes from './url-link-button-scss.js';\n\nexport const createUrlLinkButton = ({\n  services,\n  attributes,\n}: {\n  services: RicosServices;\n  attributes: ToolbarButton['attributes'];\n}): ToolbarButton => {\n  const urlIcon = memoLast((key: string) => {\n    const [link, baseUrl] = JSON.parse(key);\n    return () => <ToolbarUrl link={link} baseUrl={baseUrl} />;\n  });\n  return {\n    id: 'urlLink',\n    type: 'toggle',\n    dataHook: LINK_PLUGIN_WEB_LINK_BUTTON,\n    attributes,\n    tooltip: null,\n    // External toolbars draw this instead of calling the renderer, outside any ricos provider —\n    // hence the base url off the services rather than off the React context.\n    getIcon: ({ attributes }) =>\n      urlIcon(JSON.stringify([attributes.selectedUrlLinkData, services.editorProps?.baseUrl])),\n    renderer: toolbarItem => <UrlLinkButton toolbarItem={toolbarItem} />,\n    command: () => {},\n  };\n};\n\nconst UrlLinkButton = ({ toolbarItem }: { toolbarItem: IToolbarItem }) => {\n  const { baseUrl } = useContext(EditorBaseUrlContext);\n\n  return (\n    <div className={classes.toolbarUrlContainer}>\n      <ToolbarUrl\n        link={toolbarItem.attributes.selectedUrlLinkData}\n        baseUrl={baseUrl}\n        className={classes.toolbarUrl}\n        dataHook={toolbarItem.presentation?.dataHook}\n        tabIndex={toolbarItem.presentation.tabIndex}\n      />\n    </div>\n  );\n};\n\nconst ToolbarUrl = ({\n  link,\n  baseUrl,\n  dataHook,\n  className,\n  tabIndex,\n}: {\n  link: Parameters<typeof parseLink>[0];\n  baseUrl?: string;\n  dataHook?: string;\n  className?: string;\n  tabIndex?: number;\n}) => {\n  const { url = '', rel = '', target = '_self' } = parseLink(link);\n\n  return (\n    <TextButton\n      as=\"a\"\n      size=\"small\"\n      underline=\"onHover\"\n      // Clips a long url with an ellipsis against the container's max-width. The full url is\n      // deliberately not offered as a WDS hover tooltip: the link toolbar floats, and today's\n      // behaviour is a bare truncation.\n      ellipsis\n      showTooltip={false}\n      className={className}\n      dataHook={dataHook}\n      href={getHrefUrl(url, baseUrl)}\n      rel={rel}\n      target={target}\n      tabIndex={tabIndex}\n      // Holds the editor's selection: without it, pressing the mouse here blurs ProseMirror\n      // and the toolbar loses the link it is acting on.\n      onMouseDown={event => event.preventDefault()}\n    >\n      {getEditableUrl(url, baseUrl)}\n    </TextButton>\n  );\n};\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,OAAO,SAAS,kBAAkB;AAElC,SAAS,iBAAiB;AAE1B,SAAS,gBAAgB;AAEzB,SAAS,mCAAmC;AAC5C,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,OAAO,aAAa;AAEb,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AACF,MAGqB;AACnB,QAAM,UAAU,SAAS,CAAC,QAAgB;AACxC,UAAM,CAAC,MAAM,OAAO,IAAI,KAAK,MAAM,GAAG;AACtC,WAAO,MAAM,oCAAC,cAAW,MAAY,SAAkB;AAAA,EACzD,CAAC;AACD,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV;AAAA,IACA,SAAS;AAAA;AAAA;AAAA,IAGT,SAAS,CAAC,EAAE,YAAAA,YAAW,MACrB,QAAQ,KAAK,UAAU,CAACA,YAAW,qBAAqB,SAAS,aAAa,OAAO,CAAC,CAAC;AAAA,IACzF,UAAU,iBAAe,oCAAC,iBAAc,aAA0B;AAAA,IAClE,SAAS,MAAM;AAAA,IAAC;AAAA,EAClB;AACF;AAEA,MAAM,gBAAgB,CAAC,EAAE,YAAY,MAAqC;AACxE,QAAM,EAAE,QAAQ,IAAI,WAAW,oBAAoB;AAEnD,SACE,oCAAC,SAAI,WAAW,QAAQ,uBACtB;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,YAAY,WAAW;AAAA,MAC7B;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,UAAU,YAAY,cAAc;AAAA,MACpC,UAAU,YAAY,aAAa;AAAA;AAAA,EACrC,CACF;AAEJ;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM;AACJ,QAAM,EAAE,MAAM,IAAI,MAAM,IAAI,SAAS,QAAQ,IAAI,UAAU,IAAI;AAE/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,WAAU;AAAA,MAIV,UAAQ;AAAA,MACR,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,MAAM,WAAW,KAAK,OAAO;AAAA,MAC7B;AAAA,MACA;AAAA,MACA;AAAA,MAGA,aAAa,WAAS,MAAM,eAAe;AAAA;AAAA,IAE1C,eAAe,KAAK,OAAO;AAAA,EAC9B;AAEJ;",
   "names": ["attributes"]
 }

package/dist/es/_shared/plugin-toolbar/url-link-button/url-link-button-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "996862f5";
+var styleDataHash = "91707a16";
 const injectCss = (() => {
-  var css = `.EYEZ1{display:flex;max-width:270px}.HPWwF{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.EYEZ1{max-width:160px}}}@container (width < 480px){.EYEZ1:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.EYEZ1:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .EYEZ1{max-width:160px}}`;
+  var css = `.KfS20{display:flex;max-width:270px}.fKdfT{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.KfS20{max-width:160px}}}@container (width < 480px){.KfS20:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.KfS20:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .KfS20{max-width:160px}}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var url_link_button_default = {
-  "toolbarUrlContainer": "EYEZ1",
-  "toolbarUrl": "HPWwF"
+  "toolbarUrlContainer": "KfS20",
+  "toolbarUrl": "fKdfT"
 };
 export {
   url_link_button_default as default,

package/dist/es/_shared/plugin-toolbar/url-link-button/url-link-button-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/_shared/plugin-toolbar/url-link-button/url-link-button.scss"],
-  "sourcesContent": ["var styleDataHash = '996862f5';  \nexport const injectCss = (() => {\n  var css = `.EYEZ1{display:flex;max-width:270px}.HPWwF{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.EYEZ1{max-width:160px}}}@container (width < 480px){.EYEZ1:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.EYEZ1:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .EYEZ1{max-width:160px}}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"toolbarUrlContainer\": \"EYEZ1\",\n  \"toolbarUrl\": \"HPWwF\"\n};"],
+  "sourcesContent": ["var styleDataHash = '91707a16';  \nexport const injectCss = (() => {\n  var css = `.KfS20{display:flex;max-width:270px}.fKdfT{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.KfS20{max-width:160px}}}@container (width < 480px){.KfS20:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.KfS20:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .KfS20{max-width:160px}}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"toolbarUrlContainer\": \"KfS20\",\n  \"toolbarUrl\": \"fKdfT\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,0BAAQ;AAAA,EACb,uBAAuB;AAAA,EACvB,cAAc;AAChB;",
   "names": []
 }

package/dist/es/_shared/prompt-input-area/attachment-bar/attachment-bar-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "b54d3383";
+var styleDataHash = "53a0ac03";
 const injectCss = (() => {
-  var css = `.MIqtp{display:flex;flex-direction:row;gap:6px;height:48px;min-height:48px;overflow:visible;white-space:nowrap;width:100%}.MIqtp>*{flex-shrink:0}.Gg7Zh{display:flex;position:relative}.Gg7Zh ._-3Sz2{opacity:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:opacity .2s ease-in-out}.Gg7Zh:focus-within ._-3Sz2,.Gg7Zh:hover ._-3Sz2{opacity:1}.TD5vE{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-500,10px);box-sizing:border-box;display:flex;flex-direction:row;gap:12px;height:100%;min-width:200px;padding:5px}.TD5vE._1YYxK{border-color:var(--wds-color-border-destructive-secondary-active,var(--wsr-color-R10,#e62214))}.wPXWS{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-300,6px);display:flex;height:48px;justify-content:center;width:46px}._2GTW2{align-items:center;background-color:var(--ricos-internal-file-attachment-background-color,#fff);border-radius:var(--wds-border-radius-300,6px);display:flex;height:36px;justify-content:center;width:36px}`;
+  var css = `.Gc5EW{display:flex;flex-direction:row;gap:6px;height:48px;min-height:48px;overflow:visible;white-space:nowrap;width:100%}.Gc5EW>*{flex-shrink:0}.WfKUa{display:flex;position:relative}.WfKUa .-HNWa{opacity:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:opacity .2s ease-in-out}.WfKUa:focus-within .-HNWa,.WfKUa:hover .-HNWa{opacity:1}.wDLmW{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-500,10px);box-sizing:border-box;display:flex;flex-direction:row;gap:12px;height:100%;min-width:200px;padding:5px}.wDLmW.n60HO{border-color:var(--wds-color-border-destructive-secondary-active,var(--wsr-color-R10,#e62214))}.COT4t{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-300,6px);display:flex;height:48px;justify-content:center;width:46px}._2fpwD{align-items:center;background-color:var(--ricos-internal-file-attachment-background-color,#fff);border-radius:var(--wds-border-radius-300,6px);display:flex;height:36px;justify-content:center;width:36px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,13 +21,13 @@ const injectCss = (() => {
 });
 injectCss();
 var attachment_bar_default = {
-  "root": "MIqtp",
-  "attachmentWrapper": "Gg7Zh",
-  "removeButton": "_-3Sz2",
-  "fileAttachment": "TD5vE",
-  "error": "_1YYxK",
-  "statusIconContainer": "wPXWS",
-  "fileAttacmentIcon": "_2GTW2"
+  "root": "Gc5EW",
+  "attachmentWrapper": "WfKUa",
+  "removeButton": "-HNWa",
+  "fileAttachment": "wDLmW",
+  "error": "n60HO",
+  "statusIconContainer": "COT4t",
+  "fileAttacmentIcon": "_2fpwD"
 };
 export {
   attachment_bar_default as default,

package/dist/es/_shared/prompt-input-area/attachment-bar/attachment-bar-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/_shared/prompt-input-area/attachment-bar/attachment-bar.scss"],
-  "sourcesContent": ["var styleDataHash = 'b54d3383';  \nexport const injectCss = (() => {\n  var css = `.MIqtp{display:flex;flex-direction:row;gap:6px;height:48px;min-height:48px;overflow:visible;white-space:nowrap;width:100%}.MIqtp>*{flex-shrink:0}.Gg7Zh{display:flex;position:relative}.Gg7Zh ._-3Sz2{opacity:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:opacity .2s ease-in-out}.Gg7Zh:focus-within ._-3Sz2,.Gg7Zh:hover ._-3Sz2{opacity:1}.TD5vE{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-500,10px);box-sizing:border-box;display:flex;flex-direction:row;gap:12px;height:100%;min-width:200px;padding:5px}.TD5vE._1YYxK{border-color:var(--wds-color-border-destructive-secondary-active,var(--wsr-color-R10,#e62214))}.wPXWS{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-300,6px);display:flex;height:48px;justify-content:center;width:46px}._2GTW2{align-items:center;background-color:var(--ricos-internal-file-attachment-background-color,#fff);border-radius:var(--wds-border-radius-300,6px);display:flex;height:36px;justify-content:center;width:36px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"MIqtp\",\n  \"attachmentWrapper\": \"Gg7Zh\",\n  \"removeButton\": \"_-3Sz2\",\n  \"fileAttachment\": \"TD5vE\",\n  \"error\": \"_1YYxK\",\n  \"statusIconContainer\": \"wPXWS\",\n  \"fileAttacmentIcon\": \"_2GTW2\"\n};"],
+  "sourcesContent": ["var styleDataHash = '53a0ac03';  \nexport const injectCss = (() => {\n  var css = `.Gc5EW{display:flex;flex-direction:row;gap:6px;height:48px;min-height:48px;overflow:visible;white-space:nowrap;width:100%}.Gc5EW>*{flex-shrink:0}.WfKUa{display:flex;position:relative}.WfKUa .-HNWa{opacity:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:opacity .2s ease-in-out}.WfKUa:focus-within .-HNWa,.WfKUa:hover .-HNWa{opacity:1}.wDLmW{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-500,10px);box-sizing:border-box;display:flex;flex-direction:row;gap:12px;height:100%;min-width:200px;padding:5px}.wDLmW.n60HO{border-color:var(--wds-color-border-destructive-secondary-active,var(--wsr-color-R10,#e62214))}.COT4t{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-300,6px);display:flex;height:48px;justify-content:center;width:46px}._2fpwD{align-items:center;background-color:var(--ricos-internal-file-attachment-background-color,#fff);border-radius:var(--wds-border-radius-300,6px);display:flex;height:36px;justify-content:center;width:36px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"Gc5EW\",\n  \"attachmentWrapper\": \"WfKUa\",\n  \"removeButton\": \"-HNWa\",\n  \"fileAttachment\": \"wDLmW\",\n  \"error\": \"n60HO\",\n  \"statusIconContainer\": \"COT4t\",\n  \"fileAttacmentIcon\": \"_2fpwD\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,yBAAQ;AAAA,EACb,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,uBAAuB;AAAA,EACvB,qBAAqB;AACvB;",
   "names": []
 }