@wix/ricos 10.114.0 → 10.115.0

package/dist/cjs/plugin-gallery/modals/settings/gallery-settings-modal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/modals/settings/gallery-settings-modal.tsx"],
-  "sourcesContent": ["import { Divider } from '@wix/design-system';\nimport type { FC } from 'react';\nimport React, { useContext, useMemo, useState } from 'react';\n\nimport { isValidUrl } from './../../../ricos-content';\nimport { EditorContext, ModalServiceContext, RicosContext } from './../../../ricos-context';\nimport { type GalleryData, Link_Target } from './../../../ricos-schema/legacy/wix/rich_content/v1';\nimport { createThrottle } from './../../../wix-rich-content-common';\nimport { unreachable } from './../../../editor-common';\nimport { FooterActions, SidePanelLayout } from './../../../ui-components';\n\nimport type { SettingsType } from '../../consts';\nimport { GALLERY_SETTINGS_MODAL_ID } from '../../consts';\nimport { GALLERY_SETTINGS } from '../../dataHooks';\nimport classes from '../../statics/styles/gallery-settings-modal-scss';\nimport { GALLERY_TYPE } from '../../types';\nimport type { GalleryItem, SelectFileFn } from './common-types';\nimport { GeneralSettings } from './general-settings/general-settings';\nimport { LayoutSettings } from './layout-settings/layout-settings';\nimport { MediaList } from './media-settings/media-list/media-list';\nimport { MediaSettingsForm } from './media-settings/media-settings-form';\nimport { TabNavigation } from './tab-navigation';\nimport { useSpoilerPlugin } from './use-spoiler-plugin';\n\nexport type GallerySettingsModalProps = {\n  nodeId: string;\n  onFileSelect: SelectFileFn;\n  accept: string;\n  activeTab: SettingsType;\n};\n\ntype GallerySettingsModalState =\n  | {\n      tab: 'manage_media';\n      isImageSettingsOpened: boolean;\n      selectedItemIndexes: number[];\n    }\n  | {\n      tab: 'settings' | 'layout';\n    };\n\nexport const GallerySettingsModal: FC<GallerySettingsModalProps> = ({\n  nodeId,\n  onFileSelect,\n  activeTab: initialActiveTab,\n  accept,\n}) => {\n  const modalService = useContext(ModalServiceContext) || {};\n  const { getEditorCommands } = useContext(EditorContext);\n  const { t, isMobile } = useContext(RicosContext);\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n\n  const componentData = getEditorCommands().getBlockComponentData(nodeId) as GalleryData;\n  const [savedComponentData] = useState(componentData);\n\n  const [state, setState] = useState<GallerySettingsModalState>((): GallerySettingsModalState => {\n    if (initialActiveTab === 'manage_media') {\n      return {\n        tab: 'manage_media',\n        isImageSettingsOpened: false,\n        selectedItemIndexes: [],\n      };\n    }\n    return {\n      tab: initialActiveTab,\n    };\n  });\n  const [currentItemLink, setCurrentItemLink] = useState<{ url?: string; index?: number }>({\n    url: undefined,\n    index: undefined,\n  });\n\n  const galleryItems: GalleryItem[] = componentData.items.map((item, index) => ({\n    ...item,\n    selected: state.tab === 'manage_media' && state.selectedItemIndexes.includes(index),\n  }));\n\n  const shouldShowSpoiler = useSpoilerPlugin();\n\n  const updateRicosDocument = useMemo(\n    () =>\n      // to avoid the \"flushSync was called from inside a lifecycle method\" error:\n      createThrottle((data: GalleryData) => {\n        getEditorCommands().setBlock(nodeId, GALLERY_TYPE, {\n          ...data,\n          id: nodeId,\n        });\n      }),\n    []\n  );\n\n  const closeModal = () => {\n    modalService.closeModal(GALLERY_SETTINGS_MODAL_ID);\n  };\n\n  const handleOnClose = () => {\n    updateRicosDocument(savedComponentData);\n\n    closeModal();\n  };\n\n  const handleOnSave = () => {\n    const selectedImageIndex = galleryItems.findIndex(item => item.selected);\n\n    if (\n      selectedImageIndex === currentItemLink.index &&\n      currentItemLink.url &&\n      !isValidUrl(currentItemLink.url, { allowTelLink: true })\n    ) {\n      inputRef.current?.focus();\n      return;\n    }\n    return closeModal();\n  };\n\n  return savedComponentData ? (\n    <SidePanelLayout\n      onCloseButtonClick={handleOnClose}\n      dataHook={GALLERY_SETTINGS}\n      header={{\n        showDivider: false,\n        title: t('GallerySettings_Header'),\n        children: (\n          <>\n            {!isMobile && <Divider />}\n            <TabNavigation\n              activeTab={state.tab}\n              onTabChange={tab => {\n                setState(() => {\n                  if (tab === 'manage_media') {\n                    return {\n                      tab,\n                      isImageSettingsOpened: false,\n                      selectedItemIndexes: [],\n                    };\n                  }\n                  return { tab };\n                });\n              }}\n            />\n          </>\n        ),\n      }}\n      content={{\n        noPadding: true,\n        children: (\n          <>\n            <div className={classes.content}>\n              {(() => {\n                switch (state.tab) {\n                  case 'settings': {\n                    return (\n                      <GeneralSettings\n                        componentData={componentData}\n                        updateData={data => {\n                          updateRicosDocument({ ...componentData, ...data });\n\n                          setState(prevState => ({\n                            ...prevState,\n                            componentData: data,\n                          }));\n                        }}\n                        shouldShowSpoiler={shouldShowSpoiler}\n                      />\n                    );\n                  }\n                  case 'layout': {\n                    return <LayoutSettings data={componentData} updateData={updateRicosDocument} />;\n                  }\n                  case 'manage_media': {\n                    const selectedImageIndex = galleryItems.findIndex(item => item.selected);\n                    const selectedImage = galleryItems[selectedImageIndex];\n\n                    return state.isImageSettingsOpened ? (\n                      <MediaSettingsForm\n                        galleryItems={galleryItems}\n                        activeImageIndex={selectedImageIndex}\n                        accept={accept}\n                        itemKey={`${selectedImageIndex}-${selectedImage.image?.media?.src}-${galleryItems.length}`}\n                        onFileSelect={onFileSelect}\n                        onBackButtonClick={() => {\n                          setState(prev => {\n                            return {\n                              ...prev,\n                              selectedItemIndexes: [],\n                              isImageSettingsOpened: false,\n                            };\n                          });\n                        }}\n                        onImageIndexChange={next => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              return {\n                                ...prev,\n                                selectedItemIndexes: [next],\n                              };\n                            }\n                            return prev;\n                          });\n                          setCurrentItemLink({ url: undefined, index: next });\n                        }}\n                        onDeleteClick={() => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              const activeImageIndex = prev.selectedItemIndexes[0];\n                              if (activeImageIndex === undefined) {\n                                throw new Error('No image selected');\n                              }\n\n                              const newSelectedIndex = galleryItems[activeImageIndex + 1]\n                                ? activeImageIndex\n                                : activeImageIndex - 1;\n\n                              const filteredItems = galleryItems.filter(\n                                (_item, index) => index !== activeImageIndex\n                              );\n                              updateRicosDocument({ ...componentData, items: filteredItems });\n                              return {\n                                ...prev,\n                                isImageSettingsOpened: newSelectedIndex !== -1,\n                                selectedItemIndexes:\n                                  newSelectedIndex !== -1 ? [newSelectedIndex] : [],\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                        onTitleChange={title => {\n                          updateRicosDocument({\n                            ...componentData,\n                            items: componentData.items.map((item, index) => ({\n                              ...item,\n                              title: index === selectedImageIndex ? title : item.title,\n                            })),\n                          });\n                        }}\n                        onAltTextChange={altText => {\n                          updateRicosDocument({\n                            ...componentData,\n                            items: componentData.items.map((item, index) => ({\n                              ...item,\n                              altText: index === selectedImageIndex ? altText : item.altText,\n                            })),\n                          });\n                        }}\n                        onLinkSettingsChange={(value, status) => {\n                          const linkValue = value.url\n                            ? {\n                                ...selectedImage.image?.link,\n                                url: value.url,\n                                target: value.openInNewTab ? Link_Target.BLANK : Link_Target.TOP,\n                                rel: {\n                                  nofollow: Boolean(value.nofollow),\n                                  sponsored: Boolean(value.sponsored),\n                                  noreferrer: Boolean(value.noreferrer),\n                                },\n                                anchor: undefined,\n                              }\n                            : undefined;\n\n                          setCurrentItemLink({ url: value.url, index: selectedImageIndex });\n                          if ((linkValue && status === 'OK') || !linkValue) {\n                            updateRicosDocument({\n                              ...componentData,\n                              items: componentData.items.map((item, index) => ({\n                                ...item,\n                                image: {\n                                  ...item.image,\n                                  link:\n                                    index === state.selectedItemIndexes[0]\n                                      ? linkValue\n                                      : item.image?.link,\n                                },\n                              })),\n                            });\n                          }\n                        }}\n                        inputRef={inputRef}\n                      />\n                    ) : (\n                      <MediaList\n                        galleryItems={galleryItems}\n                        onChange={({ type, items }) => {\n                          if (type === 'delete' || type === 'sort') {\n                            updateRicosDocument({\n                              ...componentData,\n                              items: items.map(item => {\n                                const { selected: _, ...rest } = item;\n                                return rest;\n                              }),\n                            });\n                          }\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              return {\n                                ...prev,\n                                selectedItemIndexes: items\n                                  .map((item, index) => (item.selected ? index : undefined))\n                                  .filter((i): i is number => i !== undefined),\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                        accept={accept}\n                        onFileSelect={onFileSelect}\n                        onEditClick={() => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              const activeImageIndex = prev.selectedItemIndexes[0];\n                              return {\n                                ...prev,\n                                isImageSettingsOpened: true,\n                                selectedItemIndexes: [activeImageIndex],\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                        onItemDoubleClick={imageIndex => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              return {\n                                ...prev,\n                                selectedItemIndexes: [imageIndex],\n                                isImageSettingsOpened: true,\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                      />\n                    );\n                  }\n                  default:\n                    unreachable(state);\n                    return null;\n                }\n              })()}\n            </div>\n          </>\n        ),\n      }}\n      footer={{ children: <FooterActions onSave={handleOnSave} onCancel={handleOnClose} /> }}\n    />\n  ) : null;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAwB;AAExB,mBAAqD;AAErD,2BAA2B;AAC3B,2BAAiE;AACjE,gBAA8C;AAC9C,qCAA+B;AAC/B,2BAA4B;AAC5B,2BAA+C;AAG/C,oBAA0C;AAC1C,uBAAiC;AACjC,yCAAoB;AACpB,mBAA6B;AAE7B,8BAAgC;AAChC,6BAA+B;AAC/B,wBAA0B;AAC1B,iCAAkC;AAClC,4BAA8B;AAC9B,gCAAiC;AAmB1B,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,MAAM;AACJ,QAAM,mBAAe,yBAAW,wCAAmB,KAAK,CAAC;AACzD,QAAM,EAAE,kBAAkB,QAAI,yBAAW,kCAAa;AACtD,QAAM,EAAE,GAAG,SAAS,QAAI,yBAAW,iCAAY;AAC/C,QAAM,WAAW,aAAAA,QAAM,OAAgC,IAAI;AAE3D,QAAM,gBAAgB,kBAAkB,EAAE,sBAAsB,MAAM;AACtE,QAAM,CAAC,kBAAkB,QAAI,uBAAS,aAAa;AAEnD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAoC,MAAiC;AAC7F,QAAI,qBAAqB,gBAAgB;AACvC,aAAO;AAAA,QACL,KAAK;AAAA,QACL,uBAAuB;AAAA,QACvB,qBAAqB,CAAC;AAAA,MACxB;AAAA,IACF;AACA,WAAO;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF,CAAC;AACD,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAA2C;AAAA,IACvF,KAAK;AAAA,IACL,OAAO;AAAA,EACT,CAAC;AAED,QAAM,eAA8B,cAAc,MAAM,IAAI,CAAC,MAAM,WAAW;AAAA,IAC5E,GAAG;AAAA,IACH,UAAU,MAAM,QAAQ,kBAAkB,MAAM,oBAAoB,SAAS,KAAK;AAAA,EACpF,EAAE;AAEF,QAAM,wBAAoB,4CAAiB;AAE3C,QAAM,0BAAsB;AAAA,IAC1B;AAAA;AAAA,UAEE,+CAAe,CAAC,SAAsB;AACpC,0BAAkB,EAAE,SAAS,QAAQ,2BAAc;AAAA,UACjD,GAAG;AAAA,UACH,IAAI;AAAA,QACN,CAAC;AAAA,MACH,CAAC;AAAA;AAAA,IACH,CAAC;AAAA,EACH;AAEA,QAAM,aAAa,MAAM;AACvB,iBAAa,WAAW,uCAAyB;AAAA,EACnD;AAEA,QAAM,gBAAgB,MAAM;AAC1B,wBAAoB,kBAAkB;AAEtC,eAAW;AAAA,EACb;AAEA,QAAM,eAAe,MAAM;AACzB,UAAM,qBAAqB,aAAa,UAAU,UAAQ,KAAK,QAAQ;AAEvE,QACE,uBAAuB,gBAAgB,SACvC,gBAAgB,OAChB,KAAC,iCAAW,gBAAgB,KAAK,EAAE,cAAc,KAAK,CAAC,GACvD;AACA,eAAS,SAAS,MAAM;AACxB;AAAA,IACF;AACA,WAAO,WAAW;AAAA,EACpB;AAEA,SAAO,qBACL,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,oBAAoB;AAAA,MACpB,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO,EAAE,wBAAwB;AAAA,QACjC,UACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,CAAC,YAAY,6BAAAA,QAAA,cAAC,kCAAQ,GACvB,6BAAAA,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,MAAM;AAAA,YACjB,aAAa,SAAO;AAClB,uBAAS,MAAM;AACb,oBAAI,QAAQ,gBAAgB;AAC1B,yBAAO;AAAA,oBACL;AAAA,oBACA,uBAAuB;AAAA,oBACvB,qBAAqB,CAAC;AAAA,kBACxB;AAAA,gBACF;AACA,uBAAO,EAAE,IAAI;AAAA,cACf,CAAC;AAAA,YACH;AAAA;AAAA,QACF,CACF;AAAA,MAEJ;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,QACX,UACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,SAAI,WAAW,mCAAAC,QAAQ,YACpB,MAAM;AACN,kBAAQ,MAAM,KAAK;AAAA,YACjB,KAAK,YAAY;AACf,qBACE,6BAAAD,QAAA;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,YAAY,UAAQ;AAClB,wCAAoB,EAAE,GAAG,eAAe,GAAG,KAAK,CAAC;AAEjD,6BAAS,gBAAc;AAAA,sBACrB,GAAG;AAAA,sBACH,eAAe;AAAA,oBACjB,EAAE;AAAA,kBACJ;AAAA,kBACA;AAAA;AAAA,cACF;AAAA,YAEJ;AAAA,YACA,KAAK,UAAU;AACb,qBAAO,6BAAAA,QAAA,cAAC,yCAAe,MAAM,eAAe,YAAY,qBAAqB;AAAA,YAC/E;AAAA,YACA,KAAK,gBAAgB;AACnB,oBAAM,qBAAqB,aAAa,UAAU,UAAQ,KAAK,QAAQ;AACvE,oBAAM,gBAAgB,aAAa,kBAAkB;AAErD,qBAAO,MAAM,wBACX,6BAAAA,QAAA;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,kBAAkB;AAAA,kBAClB;AAAA,kBACA,SAAS,GAAG,kBAAkB,IAAI,cAAc,OAAO,OAAO,GAAG,IAAI,aAAa,MAAM;AAAA,kBACxF;AAAA,kBACA,mBAAmB,MAAM;AACvB,6BAAS,UAAQ;AACf,6BAAO;AAAA,wBACL,GAAG;AAAA,wBACH,qBAAqB,CAAC;AAAA,wBACtB,uBAAuB;AAAA,sBACzB;AAAA,oBACF,CAAC;AAAA,kBACH;AAAA,kBACA,oBAAoB,UAAQ;AAC1B,6BAAS,UAAQ;AACf,0BAAI,KAAK,QAAQ,gBAAgB;AAC/B,+BAAO;AAAA,0BACL,GAAG;AAAA,0BACH,qBAAqB,CAAC,IAAI;AAAA,wBAC5B;AAAA,sBACF;AACA,6BAAO;AAAA,oBACT,CAAC;AACD,uCAAmB,EAAE,KAAK,QAAW,OAAO,KAAK,CAAC;AAAA,kBACpD;AAAA,kBACA,eAAe,MAAM;AACnB,6BAAS,UAAQ;AACf,0BAAI,KAAK,QAAQ,gBAAgB;AAC/B,8BAAM,mBAAmB,KAAK,oBAAoB,CAAC;AACnD,4BAAI,qBAAqB,QAAW;AAClC,gCAAM,IAAI,MAAM,mBAAmB;AAAA,wBACrC;AAEA,8BAAM,mBAAmB,aAAa,mBAAmB,CAAC,IACtD,mBACA,mBAAmB;AAEvB,8BAAM,gBAAgB,aAAa;AAAA,0BACjC,CAAC,OAAO,UAAU,UAAU;AAAA,wBAC9B;AACA,4CAAoB,EAAE,GAAG,eAAe,OAAO,cAAc,CAAC;AAC9D,+BAAO;AAAA,0BACL,GAAG;AAAA,0BACH,uBAAuB,qBAAqB;AAAA,0BAC5C,qBACE,qBAAqB,KAAK,CAAC,gBAAgB,IAAI,CAAC;AAAA,wBACpD;AAAA,sBACF;AACA,6BAAO;AAAA,oBACT,CAAC;AAAA,kBACH;AAAA,kBACA,eAAe,WAAS;AACtB,wCAAoB;AAAA,sBAClB,GAAG;AAAA,sBACH,OAAO,cAAc,MAAM,IAAI,CAAC,MAAM,WAAW;AAAA,wBAC/C,GAAG;AAAA,wBACH,OAAO,UAAU,qBAAqB,QAAQ,KAAK;AAAA,sBACrD,EAAE;AAAA,oBACJ,CAAC;AAAA,kBACH;AAAA,kBACA,iBAAiB,aAAW;AAC1B,wCAAoB;AAAA,sBAClB,GAAG;AAAA,sBACH,OAAO,cAAc,MAAM,IAAI,CAAC,MAAM,WAAW;AAAA,wBAC/C,GAAG;AAAA,wBACH,SAAS,UAAU,qBAAqB,UAAU,KAAK;AAAA,sBACzD,EAAE;AAAA,oBACJ,CAAC;AAAA,kBACH;AAAA,kBACA,sBAAsB,CAAC,OAAO,WAAW;AACvC,0BAAM,YAAY,MAAM,MACpB;AAAA,sBACE,GAAG,cAAc,OAAO;AAAA,sBACxB,KAAK,MAAM;AAAA,sBACX,QAAQ,MAAM,eAAe,sBAAY,QAAQ,sBAAY;AAAA,sBAC7D,KAAK;AAAA,wBACH,UAAU,QAAQ,MAAM,QAAQ;AAAA,wBAChC,WAAW,QAAQ,MAAM,SAAS;AAAA,wBAClC,YAAY,QAAQ,MAAM,UAAU;AAAA,sBACtC;AAAA,sBACA,QAAQ;AAAA,oBACV,IACA;AAEJ,uCAAmB,EAAE,KAAK,MAAM,KAAK,OAAO,mBAAmB,CAAC;AAChE,wBAAK,aAAa,WAAW,QAAS,CAAC,WAAW;AAChD,0CAAoB;AAAA,wBAClB,GAAG;AAAA,wBACH,OAAO,cAAc,MAAM,IAAI,CAAC,MAAM,WAAW;AAAA,0BAC/C,GAAG;AAAA,0BACH,OAAO;AAAA,4BACL,GAAG,KAAK;AAAA,4BACR,MACE,UAAU,MAAM,oBAAoB,CAAC,IACjC,YACA,KAAK,OAAO;AAAA,0BACpB;AAAA,wBACF,EAAE;AAAA,sBACJ,CAAC;AAAA,oBACH;AAAA,kBACF;AAAA,kBACA;AAAA;AAAA,cACF,IAEA,6BAAAA,QAAA;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,UAAU,CAAC,EAAE,MAAM,MAAM,MAAM;AAC7B,wBAAI,SAAS,YAAY,SAAS,QAAQ;AACxC,0CAAoB;AAAA,wBAClB,GAAG;AAAA,wBACH,OAAO,MAAM,IAAI,UAAQ;AACvB,gCAAM,EAAE,UAAU,GAAG,GAAG,KAAK,IAAI;AACjC,iCAAO;AAAA,wBACT,CAAC;AAAA,sBACH,CAAC;AAAA,oBACH;AACA,6BAAS,UAAQ;AACf,0BAAI,KAAK,QAAQ,gBAAgB;AAC/B,+BAAO;AAAA,0BACL,GAAG;AAAA,0BACH,qBAAqB,MAClB,IAAI,CAAC,MAAM,UAAW,KAAK,WAAW,QAAQ,MAAU,EACxD,OAAO,CAAC,MAAmB,MAAM,MAAS;AAAA,wBAC/C;AAAA,sBACF;AACA,6BAAO;AAAA,oBACT,CAAC;AAAA,kBACH;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,aAAa,MAAM;AACjB,6BAAS,UAAQ;AACf,0BAAI,KAAK,QAAQ,gBAAgB;AAC/B,8BAAM,mBAAmB,KAAK,oBAAoB,CAAC;AACnD,+BAAO;AAAA,0BACL,GAAG;AAAA,0BACH,uBAAuB;AAAA,0BACvB,qBAAqB,CAAC,gBAAgB;AAAA,wBACxC;AAAA,sBACF;AACA,6BAAO;AAAA,oBACT,CAAC;AAAA,kBACH;AAAA,kBACA,mBAAmB,gBAAc;AAC/B,6BAAS,UAAQ;AACf,0BAAI,KAAK,QAAQ,gBAAgB;AAC/B,+BAAO;AAAA,0BACL,GAAG;AAAA,0BACH,qBAAqB,CAAC,UAAU;AAAA,0BAChC,uBAAuB;AAAA,wBACzB;AAAA,sBACF;AACA,6BAAO;AAAA,oBACT,CAAC;AAAA,kBACH;AAAA;AAAA,cACF;AAAA,YAEJ;AAAA,YACA;AACE,oDAAY,KAAK;AACjB,qBAAO;AAAA,UACX;AAAA,QACF,GAAG,CACL,CACF;AAAA,MAEJ;AAAA,MACA,QAAQ,EAAE,UAAU,6BAAAA,QAAA,cAAC,sCAAc,QAAQ,cAAc,UAAU,eAAe,EAAG;AAAA;AAAA,EACvF,IACE;AACN;",
+  "sourcesContent": ["import { Divider } from '@wix/design-system';\nimport type { FC } from 'react';\nimport React, { useContext, useMemo, useState } from 'react';\n\nimport { isValidUrl } from './../../../ricos-content';\nimport { EditorContext, ModalServiceContext, RicosContext } from './../../../ricos-context';\nimport { type GalleryData, Link_Target } from './../../../ricos-schema/legacy/wix/rich_content/v1';\nimport { useSpoilerPlugin } from './../../../_shared/use-spoiler-plugin';\nimport { createThrottle } from './../../../wix-rich-content-common';\nimport { unreachable } from './../../../editor-common';\nimport { FooterActions, SidePanelLayout } from './../../../ui-components';\n\nimport type { SettingsType } from '../../consts';\nimport { GALLERY_SETTINGS_MODAL_ID } from '../../consts';\nimport { GALLERY_SETTINGS } from '../../dataHooks';\nimport classes from '../../statics/styles/gallery-settings-modal-scss';\nimport { GALLERY_TYPE } from '../../types';\nimport type { GalleryItem, SelectFileFn } from './common-types';\nimport { GeneralSettings } from './general-settings/general-settings';\nimport { LayoutSettings } from './layout-settings/layout-settings';\nimport { MediaList } from './media-settings/media-list/media-list';\nimport { MediaSettingsForm } from './media-settings/media-settings-form';\nimport { TabNavigation } from './tab-navigation';\n\nexport type GallerySettingsModalProps = {\n  nodeId: string;\n  onFileSelect: SelectFileFn;\n  accept: string;\n  activeTab: SettingsType;\n};\n\ntype GallerySettingsModalState =\n  | {\n      tab: 'manage_media';\n      isImageSettingsOpened: boolean;\n      selectedItemIndexes: number[];\n    }\n  | {\n      tab: 'settings' | 'layout';\n    };\n\nexport const GallerySettingsModal: FC<GallerySettingsModalProps> = ({\n  nodeId,\n  onFileSelect,\n  activeTab: initialActiveTab,\n  accept,\n}) => {\n  const modalService = useContext(ModalServiceContext) || {};\n  const { getEditorCommands } = useContext(EditorContext);\n  const { t, isMobile } = useContext(RicosContext);\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n\n  const componentData = getEditorCommands().getBlockComponentData(nodeId) as GalleryData;\n  const [savedComponentData] = useState(componentData);\n\n  const [state, setState] = useState<GallerySettingsModalState>((): GallerySettingsModalState => {\n    if (initialActiveTab === 'manage_media') {\n      return {\n        tab: 'manage_media',\n        isImageSettingsOpened: false,\n        selectedItemIndexes: [],\n      };\n    }\n    return {\n      tab: initialActiveTab,\n    };\n  });\n  const [currentItemLink, setCurrentItemLink] = useState<{ url?: string; index?: number }>({\n    url: undefined,\n    index: undefined,\n  });\n\n  const galleryItems: GalleryItem[] = componentData.items.map((item, index) => ({\n    ...item,\n    selected: state.tab === 'manage_media' && state.selectedItemIndexes.includes(index),\n  }));\n\n  const shouldShowSpoiler = useSpoilerPlugin(GALLERY_TYPE);\n\n  const updateRicosDocument = useMemo(\n    () =>\n      // to avoid the \"flushSync was called from inside a lifecycle method\" error:\n      createThrottle((data: GalleryData) => {\n        getEditorCommands().setBlock(nodeId, GALLERY_TYPE, {\n          ...data,\n          id: nodeId,\n        });\n      }),\n    []\n  );\n\n  const closeModal = () => {\n    modalService.closeModal(GALLERY_SETTINGS_MODAL_ID);\n  };\n\n  const handleOnClose = () => {\n    updateRicosDocument(savedComponentData);\n\n    closeModal();\n  };\n\n  const handleOnSave = () => {\n    const selectedImageIndex = galleryItems.findIndex(item => item.selected);\n\n    if (\n      selectedImageIndex === currentItemLink.index &&\n      currentItemLink.url &&\n      !isValidUrl(currentItemLink.url, { allowTelLink: true })\n    ) {\n      inputRef.current?.focus();\n      return;\n    }\n    return closeModal();\n  };\n\n  return savedComponentData ? (\n    <SidePanelLayout\n      onCloseButtonClick={handleOnClose}\n      dataHook={GALLERY_SETTINGS}\n      header={{\n        showDivider: false,\n        title: t('GallerySettings_Header'),\n        children: (\n          <>\n            {!isMobile && <Divider />}\n            <TabNavigation\n              activeTab={state.tab}\n              onTabChange={tab => {\n                setState(() => {\n                  if (tab === 'manage_media') {\n                    return {\n                      tab,\n                      isImageSettingsOpened: false,\n                      selectedItemIndexes: [],\n                    };\n                  }\n                  return { tab };\n                });\n              }}\n            />\n          </>\n        ),\n      }}\n      content={{\n        noPadding: true,\n        children: (\n          <>\n            <div className={classes.content}>\n              {(() => {\n                switch (state.tab) {\n                  case 'settings': {\n                    return (\n                      <GeneralSettings\n                        componentData={componentData}\n                        updateData={data => {\n                          updateRicosDocument({ ...componentData, ...data });\n\n                          setState(prevState => ({\n                            ...prevState,\n                            componentData: data,\n                          }));\n                        }}\n                        shouldShowSpoiler={shouldShowSpoiler}\n                      />\n                    );\n                  }\n                  case 'layout': {\n                    return <LayoutSettings data={componentData} updateData={updateRicosDocument} />;\n                  }\n                  case 'manage_media': {\n                    const selectedImageIndex = galleryItems.findIndex(item => item.selected);\n                    const selectedImage = galleryItems[selectedImageIndex];\n\n                    return state.isImageSettingsOpened ? (\n                      <MediaSettingsForm\n                        galleryItems={galleryItems}\n                        activeImageIndex={selectedImageIndex}\n                        accept={accept}\n                        itemKey={`${selectedImageIndex}-${selectedImage.image?.media?.src}-${galleryItems.length}`}\n                        onFileSelect={onFileSelect}\n                        onBackButtonClick={() => {\n                          setState(prev => {\n                            return {\n                              ...prev,\n                              selectedItemIndexes: [],\n                              isImageSettingsOpened: false,\n                            };\n                          });\n                        }}\n                        onImageIndexChange={next => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              return {\n                                ...prev,\n                                selectedItemIndexes: [next],\n                              };\n                            }\n                            return prev;\n                          });\n                          setCurrentItemLink({ url: undefined, index: next });\n                        }}\n                        onDeleteClick={() => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              const activeImageIndex = prev.selectedItemIndexes[0];\n                              if (activeImageIndex === undefined) {\n                                throw new Error('No image selected');\n                              }\n\n                              const newSelectedIndex = galleryItems[activeImageIndex + 1]\n                                ? activeImageIndex\n                                : activeImageIndex - 1;\n\n                              const filteredItems = galleryItems.filter(\n                                (_item, index) => index !== activeImageIndex\n                              );\n                              updateRicosDocument({ ...componentData, items: filteredItems });\n                              return {\n                                ...prev,\n                                isImageSettingsOpened: newSelectedIndex !== -1,\n                                selectedItemIndexes:\n                                  newSelectedIndex !== -1 ? [newSelectedIndex] : [],\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                        onTitleChange={title => {\n                          updateRicosDocument({\n                            ...componentData,\n                            items: componentData.items.map((item, index) => ({\n                              ...item,\n                              title: index === selectedImageIndex ? title : item.title,\n                            })),\n                          });\n                        }}\n                        onAltTextChange={altText => {\n                          updateRicosDocument({\n                            ...componentData,\n                            items: componentData.items.map((item, index) => ({\n                              ...item,\n                              altText: index === selectedImageIndex ? altText : item.altText,\n                            })),\n                          });\n                        }}\n                        onLinkSettingsChange={(value, status) => {\n                          const linkValue = value.url\n                            ? {\n                                ...selectedImage.image?.link,\n                                url: value.url,\n                                target: value.openInNewTab ? Link_Target.BLANK : Link_Target.TOP,\n                                rel: {\n                                  nofollow: Boolean(value.nofollow),\n                                  sponsored: Boolean(value.sponsored),\n                                  noreferrer: Boolean(value.noreferrer),\n                                },\n                                anchor: undefined,\n                              }\n                            : undefined;\n\n                          setCurrentItemLink({ url: value.url, index: selectedImageIndex });\n                          if ((linkValue && status === 'OK') || !linkValue) {\n                            updateRicosDocument({\n                              ...componentData,\n                              items: componentData.items.map((item, index) => ({\n                                ...item,\n                                image: {\n                                  ...item.image,\n                                  link:\n                                    index === state.selectedItemIndexes[0]\n                                      ? linkValue\n                                      : item.image?.link,\n                                },\n                              })),\n                            });\n                          }\n                        }}\n                        inputRef={inputRef}\n                      />\n                    ) : (\n                      <MediaList\n                        galleryItems={galleryItems}\n                        onChange={({ type, items }) => {\n                          if (type === 'delete' || type === 'sort') {\n                            updateRicosDocument({\n                              ...componentData,\n                              items: items.map(item => {\n                                const { selected: _, ...rest } = item;\n                                return rest;\n                              }),\n                            });\n                          }\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              return {\n                                ...prev,\n                                selectedItemIndexes: items\n                                  .map((item, index) => (item.selected ? index : undefined))\n                                  .filter((i): i is number => i !== undefined),\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                        accept={accept}\n                        onFileSelect={onFileSelect}\n                        onEditClick={() => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              const activeImageIndex = prev.selectedItemIndexes[0];\n                              return {\n                                ...prev,\n                                isImageSettingsOpened: true,\n                                selectedItemIndexes: [activeImageIndex],\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                        onItemDoubleClick={imageIndex => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              return {\n                                ...prev,\n                                selectedItemIndexes: [imageIndex],\n                                isImageSettingsOpened: true,\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                      />\n                    );\n                  }\n                  default:\n                    unreachable(state);\n                    return null;\n                }\n              })()}\n            </div>\n          </>\n        ),\n      }}\n      footer={{ children: <FooterActions onSave={handleOnSave} onCancel={handleOnClose} /> }}\n    />\n  ) : null;\n};\n"],
+  "mappings": "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",
   "names": ["React", "classes"]
 }

package/dist/cjs/plugin-gallery/statics/styles/gallery-component-scss.js

@@ -21,6 +21,6 @@ __export(gallery_component_exports, {
 });
 module.exports = __toCommonJS(gallery_component_exports);
 var gallery_component_default = {
-  "mobileNativeLoaderContainer": "_87OPt"
+  "mobileNativeLoaderContainer": "bkrOU"
 };
 //# sourceMappingURL=gallery-component-scss.js.map

package/dist/cjs/plugin-gallery/statics/styles/gallery-component-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/gallery-component.scss"],
-  "sourcesContent": ["export default {\n  \"mobileNativeLoaderContainer\": \"_87OPt\"\n};"],
+  "sourcesContent": ["export default {\n  \"mobileNativeLoaderContainer\": \"bkrOU\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,4BAAQ;AAAA,EACb,+BAA+B;AACjC;",
   "names": []
 }

package/dist/cjs/plugin-gallery/statics/styles/gallery-settings-modal-scss.js

@@ -21,8 +21,8 @@ __export(gallery_settings_modal_exports, {
 });
 module.exports = __toCommonJS(gallery_settings_modal_exports);
 var gallery_settings_modal_default = {
-  "content": "X2WQA",
-  "tabs": "_8Rpnk",
-  "input": "ddPAs"
+  "content": "_4D2Yq",
+  "tabs": "-CFsP",
+  "input": "trId2"
 };
 //# sourceMappingURL=gallery-settings-modal-scss.js.map

package/dist/cjs/plugin-gallery/statics/styles/gallery-settings-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/gallery-settings-modal.scss"],
-  "sourcesContent": ["export default {\n  \"content\": \"X2WQA\",\n  \"tabs\": \"_8Rpnk\",\n  \"input\": \"ddPAs\"\n};"],
+  "sourcesContent": ["export default {\n  \"content\": \"_4D2Yq\",\n  \"tabs\": \"-CFsP\",\n  \"input\": \"trId2\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iCAAQ;AAAA,EACb,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AACX;",
   "names": []
 }

package/dist/cjs/plugin-gallery/statics/styles/image-ratio-selector-scss.js

@@ -21,11 +21,11 @@ __export(image_ratio_selector_exports, {
 });
 module.exports = __toCommonJS(image_ratio_selector_exports);
 var image_ratio_selector_default = {
-  "imageRatioSelector_ratioIcon": "ZCUeJ",
-  "imageRatioSelector_16_9": "STGSG",
-  "imageRatioSelector_4_3": "Sbc6h",
-  "imageRatioSelector_1_1": "jK3Vf",
-  "imageRatioSelector_3_4": "V0pwy",
-  "imageRatioSelector_9_16": "_0WSx2"
+  "imageRatioSelector_ratioIcon": "_4N-0E",
+  "imageRatioSelector_16_9": "O0hy8",
+  "imageRatioSelector_4_3": "GLmiP",
+  "imageRatioSelector_1_1": "Jynib",
+  "imageRatioSelector_3_4": "_5TVH5",
+  "imageRatioSelector_9_16": "KHw1q"
 };
 //# sourceMappingURL=image-ratio-selector-scss.js.map

package/dist/cjs/plugin-gallery/statics/styles/image-ratio-selector-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/image-ratio-selector.scss"],
-  "sourcesContent": ["export default {\n  \"imageRatioSelector_ratioIcon\": \"ZCUeJ\",\n  \"imageRatioSelector_16_9\": \"STGSG\",\n  \"imageRatioSelector_4_3\": \"Sbc6h\",\n  \"imageRatioSelector_1_1\": \"jK3Vf\",\n  \"imageRatioSelector_3_4\": \"V0pwy\",\n  \"imageRatioSelector_9_16\": \"_0WSx2\"\n};"],
+  "sourcesContent": ["export default {\n  \"imageRatioSelector_ratioIcon\": \"_4N-0E\",\n  \"imageRatioSelector_16_9\": \"O0hy8\",\n  \"imageRatioSelector_4_3\": \"GLmiP\",\n  \"imageRatioSelector_1_1\": \"Jynib\",\n  \"imageRatioSelector_3_4\": \"_5TVH5\",\n  \"imageRatioSelector_9_16\": \"KHw1q\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,+BAAQ;AAAA,EACb,gCAAgC;AAAA,EAChC,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,2BAA2B;AAC7B;",
   "names": []
 }

package/dist/cjs/plugin-gallery/statics/styles/media-item-action-menu-scss.js

@@ -21,6 +21,6 @@ __export(media_item_action_menu_exports, {
 });
 module.exports = __toCommonJS(media_item_action_menu_exports);
 var media_item_action_menu_default = {
-  "separator": "vqBw1"
+  "separator": "n22tD"
 };
 //# sourceMappingURL=media-item-action-menu-scss.js.map

package/dist/cjs/plugin-gallery/statics/styles/media-item-action-menu-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/media-item-action-menu.scss"],
-  "sourcesContent": ["export default {\n  \"separator\": \"vqBw1\"\n};"],
+  "sourcesContent": ["export default {\n  \"separator\": \"n22tD\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iCAAQ;AAAA,EACb,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/plugin-gallery/statics/styles/sortable-item-scss.js

@@ -21,6 +21,6 @@ __export(sortable_item_exports, {
 });
 module.exports = __toCommonJS(sortable_item_exports);
 var sortable_item_default = {
-  "itemImage": "_9Hz3I"
+  "itemImage": "_-2e2o"
 };
 //# sourceMappingURL=sortable-item-scss.js.map

package/dist/cjs/plugin-gallery/statics/styles/sortable-item-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/sortable-item.scss"],
-  "sourcesContent": ["export default {\n  \"itemImage\": \"_9Hz3I\"\n};"],
+  "sourcesContent": ["export default {\n  \"itemImage\": \"_-2e2o\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/plugin-gallery/statics/styles/sortable-list-scss.js

@@ -21,8 +21,8 @@ __export(sortable_list_exports, {
 });
 module.exports = __toCommonJS(sortable_list_exports);
 var sortable_list_default = {
-  "container": "tn5IR",
-  "item": "_68qqF",
-  "fileUpload": "FMfoS"
+  "container": "xeuKV",
+  "item": "yQZEp",
+  "fileUpload": "kb2q9"
 };
 //# sourceMappingURL=sortable-list-scss.js.map

package/dist/cjs/plugin-gallery/statics/styles/sortable-list-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/sortable-list.scss"],
-  "sourcesContent": ["export default {\n  \"container\": \"tn5IR\",\n  \"item\": \"_68qqF\",\n  \"fileUpload\": \"FMfoS\"\n};"],
+  "sourcesContent": ["export default {\n  \"container\": \"xeuKV\",\n  \"item\": \"yQZEp\",\n  \"fileUpload\": \"kb2q9\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,cAAc;AAChB;",
   "names": []
 }

package/dist/cjs/plugin-gallery/statics/styles/thumbnail-placement-selector.rtlignore-scss.js

@@ -21,10 +21,10 @@ __export(thumbnail_placement_selector_rtlignore_exports, {
 });
 module.exports = __toCommonJS(thumbnail_placement_selector_rtlignore_exports);
 var thumbnail_placement_selector_rtlignore_default = {
-  "thumbnailPlacementSelector_BOTTOM": "mY9hn",
-  "thumbnailPlacementSelector_LEFT": "Yidg-",
-  "thumbnailPlacementSelector_TOP": "xb9Dz",
-  "thumbnailPlacementSelector_RIGHT": "lMJOR",
-  "thumbnailPlacementSelector": "vWtOT"
+  "thumbnailPlacementSelector_BOTTOM": "msYCd",
+  "thumbnailPlacementSelector_LEFT": "H0Rtw",
+  "thumbnailPlacementSelector_TOP": "_73qIc",
+  "thumbnailPlacementSelector_RIGHT": "ZvUnQ",
+  "thumbnailPlacementSelector": "rDOfO"
 };
 //# sourceMappingURL=thumbnail-placement-selector.rtlignore-scss.js.map

package/dist/cjs/plugin-gallery/statics/styles/thumbnail-placement-selector.rtlignore-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/thumbnail-placement-selector.rtlignore.scss"],
-  "sourcesContent": ["export default {\n  \"thumbnailPlacementSelector_BOTTOM\": \"mY9hn\",\n  \"thumbnailPlacementSelector_LEFT\": \"Yidg-\",\n  \"thumbnailPlacementSelector_TOP\": \"xb9Dz\",\n  \"thumbnailPlacementSelector_RIGHT\": \"lMJOR\",\n  \"thumbnailPlacementSelector\": \"vWtOT\"\n};"],
+  "sourcesContent": ["export default {\n  \"thumbnailPlacementSelector_BOTTOM\": \"msYCd\",\n  \"thumbnailPlacementSelector_LEFT\": \"H0Rtw\",\n  \"thumbnailPlacementSelector_TOP\": \"_73qIc\",\n  \"thumbnailPlacementSelector_RIGHT\": \"ZvUnQ\",\n  \"thumbnailPlacementSelector\": \"rDOfO\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iDAAQ;AAAA,EACb,qCAAqC;AAAA,EACrC,mCAAmC;AAAA,EACnC,kCAAkC;AAAA,EAClC,oCAAoC;AAAA,EACpC,8BAA8B;AAChC;",
   "names": []
 }

package/dist/cjs/plugin-gallery/statics/styles/viewer.rtlignore-scss.js

@@ -21,16 +21,16 @@ __export(viewer_rtlignore_exports, {
 });
 module.exports = __toCommonJS(viewer_rtlignore_exports);
 var viewer_rtlignore_default = {
-  "gallery_container": "aT0WP",
-  "imageTitleContainer": "FmqPV",
-  "clickableItem": "JFh6H",
-  "prerender": "aC7Of",
-  "expandContainer": "JmICw",
-  "expandIcon": "kN8pi",
-  "itemOverlay": "_5tbBO",
-  "imageTitle": "_6-4Na",
-  "pointer": "_5nIP1",
-  "fadeIn": "Qq1Hv",
-  "changing_background": "m867N"
+  "gallery_container": "QmRBT",
+  "imageTitleContainer": "cBEkt",
+  "clickableItem": "_6lK-9",
+  "prerender": "ibeSu",
+  "expandContainer": "NFkWi",
+  "expandIcon": "_9-KIL",
+  "itemOverlay": "JT-s9",
+  "imageTitle": "pTaTu",
+  "pointer": "_7axVu",
+  "fadeIn": "miN9c",
+  "changing_background": "U8KAV"
 };
 //# sourceMappingURL=viewer.rtlignore-scss.js.map

package/dist/cjs/plugin-gallery/statics/styles/viewer.rtlignore-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/viewer.rtlignore.scss"],
-  "sourcesContent": ["export default {\n  \"gallery_container\": \"aT0WP\",\n  \"imageTitleContainer\": \"FmqPV\",\n  \"clickableItem\": \"JFh6H\",\n  \"prerender\": \"aC7Of\",\n  \"expandContainer\": \"JmICw\",\n  \"expandIcon\": \"kN8pi\",\n  \"itemOverlay\": \"_5tbBO\",\n  \"imageTitle\": \"_6-4Na\",\n  \"pointer\": \"_5nIP1\",\n  \"fadeIn\": \"Qq1Hv\",\n  \"changing_background\": \"m867N\"\n};"],
+  "sourcesContent": ["export default {\n  \"gallery_container\": \"QmRBT\",\n  \"imageTitleContainer\": \"cBEkt\",\n  \"clickableItem\": \"_6lK-9\",\n  \"prerender\": \"ibeSu\",\n  \"expandContainer\": \"NFkWi\",\n  \"expandIcon\": \"_9-KIL\",\n  \"itemOverlay\": \"JT-s9\",\n  \"imageTitle\": \"pTaTu\",\n  \"pointer\": \"_7axVu\",\n  \"fadeIn\": \"miN9c\",\n  \"changing_background\": \"U8KAV\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,2BAAQ;AAAA,EACb,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,uBAAuB;AACzB;",
   "names": []
 }

package/dist/cjs/plugin-gallery/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-gallery/types.ts"],
-  "sourcesContent": ["import type {\n  ComponentData,\n  EditorPluginConfig,\n  FileComponentData,\n  ImageComponentData,\n  UpdateEntityFunc,\n  VideoComponentData,\n  ViewerPluginConfig,\n} from './../wix-rich-content-common';\n\nexport const GALLERY_TYPE = 'wix-draft-plugin-gallery';\n\nexport type FileSelectionHandlerFn = (\n  index: number | undefined,\n  multiple: boolean,\n  updateEntity: UpdateEntityFunc<ImageComponentData[]>,\n  removeEntity?: any,\n  componentData?: ComponentData\n) => void;\n\nexport type FileUploadHandlerFn = (\n  file: File,\n  updateEntity: UpdateEntityFunc<ImageComponentData | VideoComponentData | FileComponentData>\n) => void;\n\nexport interface GalleryPluginEditorConfig extends EditorPluginConfig {\n  [key: string]: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n  handleFileSelection?: FileSelectionHandlerFn; // either handleFileSelection or handleFileUpload should be required\n  handleFileUpload?: FileUploadHandlerFn;\n}\nexport interface GalleryPluginViewerConfig extends ViewerPluginConfig {\n  [key: string]: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n}\n"],
+  "sourcesContent": ["import type {\n  ComponentData,\n  EditorPluginConfig,\n  FileComponentData,\n  ImageComponentData,\n  UpdateEntityFunc,\n  VideoComponentData,\n  ViewerPluginConfig,\n} from './../wix-rich-content-common';\n\nexport const GALLERY_TYPE = 'wix-draft-plugin-gallery';\n\nexport type FileSelectionHandlerFn = (\n  index: number | undefined,\n  multiple: boolean,\n  updateEntity: UpdateEntityFunc<ImageComponentData[]>,\n  removeEntity?: any,\n  componentData?: ComponentData\n) => void;\n\nexport type FileUploadHandlerFn = (\n  file: File,\n  updateEntity: UpdateEntityFunc<ImageComponentData | VideoComponentData | FileComponentData>\n) => void;\n\nexport interface GalleryPluginEditorConfig extends EditorPluginConfig {\n  [key: string]: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n  handleFileSelection?: FileSelectionHandlerFn; // either handleFileSelection or handleFileUpload should be required\n  handleFileUpload?: FileUploadHandlerFn;\n}\nexport interface GalleryPluginViewerConfig extends ViewerPluginConfig {\n  [key: string]: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n  /**\n   * @default false\n   * When set to true, the gallery items will not expand despite the settings in node data.\n   */\n  disableExpand?: boolean;\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,MAAM,eAAe;",
   "names": []
 }

package/dist/cjs/plugin-giphy/editor.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,12 +16,21 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var editor_exports = {};
 __export(editor_exports, {
   pluginGiphy: () => pluginGiphy
 });
 module.exports = __toCommonJS(editor_exports);
+var import_wix_ui_icons_common = require("@wix/wix-ui-icons-common");
 var import_ricos_types = require("./../ricos-types");
 var import_wix_rich_content_common = require("./../wix-rich-content-common");
 var import_editor = require("../plugin-figure/editor");
@@ -27,6 +38,7 @@ var import_constants = require("./constants");
 var import_gif_converter = require("./converter/gif-converter");
 var import_getAddButtons = require("./getAddButtons");
 var import_getToolbarButtons = require("./getToolbarButtons");
+var import_InsertModal = __toESM(require("./modals/InsertModal"));
 var import_tiptap = require("./tiptap/tiptap");
 var import_types = require("./types");
 const pluginGiphy = (config) => {
@@ -49,6 +61,32 @@ const pluginGiphy = (config) => {
         return tiptapEditor.view.nodeDOM(startNodePos.pos - 1);
       }
     },
+    getQuickActions: ({ config: config2 }) => [
+      {
+        id: "giphy",
+        title: "GIF",
+        icon: import_wix_ui_icons_common.ReelsSmall,
+        section: import_ricos_types.quickActionsModalSections.Media,
+        command: ({ modalService, editor }) => {
+          (0, import_wix_rich_content_common.changeSelectionToEndOfTextBlock)(editor);
+          modalService.openModal({
+            id: import_constants.gifModals.insert,
+            Component: import_InsertModal.default,
+            componentProps: {
+              componentData: { config: import_constants.RICOS_DEFAULTS },
+              modalId: import_constants.gifModals.insert,
+              getGiphyUrl: config2?.getGiphyUrl
+            },
+            layout: "popover",
+            onClickOutside: () => modalService.closeModal(import_constants.gifModals.insert),
+            positioning: {
+              referenceElement: (0, import_wix_rich_content_common.getFakeReferenceElement)(editor),
+              placement: "bottom-end"
+            }
+          });
+        }
+      }
+    ],
     dependencies: [import_editor.pluginFigure]
   };
 };

package/dist/cjs/plugin-giphy/editor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-giphy/editor.ts"],
-  "sourcesContent": ["import { RicosPluginToolbarNames } from './../ricos-types';\nimport { type EditorPluginCreator, TIPTAP_GIF_TYPE } from './../wix-rich-content-common';\n\nimport { pluginFigure } from '../plugin-figure/editor';\nimport { DEFAULT_CONFIGS } from './constants';\nimport { gifConverter } from './converter/gif-converter';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport type { GiphyPluginEditorConfig } from './types';\nimport { GIPHY_TYPE } from './types';\n\nexport const pluginGiphy: EditorPluginCreator<GiphyPluginEditorConfig> = config => {\n  const pluginConfig = { ...DEFAULT_CONFIGS.editor, ...config };\n  return {\n    config: pluginConfig,\n    pmMarkConverters: [],\n    pmNodeConverters: [gifConverter],\n    type: GIPHY_TYPE,\n    tiptapExtensions,\n    getAddButtons: (config, services) => getAddButtons(config, services),\n    toolbar: {\n      names: [RicosPluginToolbarNames.GIF],\n      getButtons: (config, services) => getToolbarButtons(config, services),\n      resolveReferenceElement: tiptapEditor => {\n        const startNodePos = tiptapEditor.state.selection.$from;\n        if (startNodePos.nodeAfter?.type.name !== TIPTAP_GIF_TYPE) {\n          return null;\n        }\n        return tiptapEditor.view.nodeDOM(startNodePos.pos - 1) as HTMLElement | null;\n      },\n    },\n    dependencies: [pluginFigure],\n  };\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAwC;AACxC,qCAA0D;AAE1D,oBAA6B;AAC7B,uBAAgC;AAChC,2BAA6B;AAC7B,2BAA8B;AAC9B,+BAAkC;AAClC,oBAAiC;AAEjC,mBAA2B;AAEpB,MAAM,cAA4D,YAAU;AACjF,QAAM,eAAe,EAAE,GAAG,iCAAgB,QAAQ,GAAG,OAAO;AAC5D,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,iCAAY;AAAA,IAC/B,MAAM;AAAA,IACN;AAAA,IACA,eAAe,CAACA,SAAQ,iBAAa,oCAAcA,SAAQ,QAAQ;AAAA,IACnE,SAAS;AAAA,MACP,OAAO,CAAC,2CAAwB,GAAG;AAAA,MACnC,YAAY,CAACA,SAAQ,iBAAa,4CAAkBA,SAAQ,QAAQ;AAAA,MACpE,yBAAyB,kBAAgB;AACvC,cAAM,eAAe,aAAa,MAAM,UAAU;AAClD,YAAI,aAAa,WAAW,KAAK,SAAS,gDAAiB;AACzD,iBAAO;AAAA,QACT;AACA,eAAO,aAAa,KAAK,QAAQ,aAAa,MAAM,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,cAAc,CAAC,0BAAY;AAAA,EAC7B;AACF;",
-  "names": ["config"]
+  "sourcesContent": ["import { ReelsSmall } from '@wix/wix-ui-icons-common';\n\nimport { quickActionsModalSections, RicosPluginToolbarNames } from './../ricos-types';\nimport {\n  changeSelectionToEndOfTextBlock,\n  type EditorPluginCreator,\n  getFakeReferenceElement,\n  TIPTAP_GIF_TYPE,\n} from './../wix-rich-content-common';\n\nimport { pluginFigure } from '../plugin-figure/editor';\nimport { DEFAULT_CONFIGS, gifModals, RICOS_DEFAULTS } from './constants';\nimport { gifConverter } from './converter/gif-converter';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport InsertModal from './modals/InsertModal';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport type { GiphyPluginEditorConfig } from './types';\nimport { GIPHY_TYPE } from './types';\n\nexport const pluginGiphy: EditorPluginCreator<GiphyPluginEditorConfig> = config => {\n  const pluginConfig = { ...DEFAULT_CONFIGS.editor, ...config };\n  return {\n    config: pluginConfig,\n    pmMarkConverters: [],\n    pmNodeConverters: [gifConverter],\n    type: GIPHY_TYPE,\n    tiptapExtensions,\n    getAddButtons: (config, services) => getAddButtons(config, services),\n    toolbar: {\n      names: [RicosPluginToolbarNames.GIF],\n      getButtons: (config, services) => getToolbarButtons(config, services),\n      resolveReferenceElement: tiptapEditor => {\n        const startNodePos = tiptapEditor.state.selection.$from;\n        if (startNodePos.nodeAfter?.type.name !== TIPTAP_GIF_TYPE) {\n          return null;\n        }\n        return tiptapEditor.view.nodeDOM(startNodePos.pos - 1) as HTMLElement | null;\n      },\n    },\n    getQuickActions: ({ config }) => [\n      {\n        id: 'giphy',\n        title: 'GIF',\n        icon: ReelsSmall,\n        section: quickActionsModalSections.Media,\n        command: ({ modalService, editor }) => {\n          changeSelectionToEndOfTextBlock(editor);\n\n          modalService.openModal({\n            id: gifModals.insert,\n            Component: InsertModal,\n            componentProps: {\n              componentData: { config: RICOS_DEFAULTS },\n              modalId: gifModals.insert,\n              getGiphyUrl: config?.getGiphyUrl,\n            },\n            layout: 'popover',\n            onClickOutside: () => modalService.closeModal(gifModals.insert),\n            positioning: {\n              referenceElement: getFakeReferenceElement(editor),\n              placement: 'bottom-end',\n            },\n          });\n        },\n      },\n    ],\n    dependencies: [pluginFigure],\n  };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAA2B;AAE3B,yBAAmE;AACnE,qCAKO;AAEP,oBAA6B;AAC7B,uBAA2D;AAC3D,2BAA6B;AAC7B,2BAA8B;AAC9B,+BAAkC;AAClC,yBAAwB;AACxB,oBAAiC;AAEjC,mBAA2B;AAEpB,MAAM,cAA4D,YAAU;AACjF,QAAM,eAAe,EAAE,GAAG,iCAAgB,QAAQ,GAAG,OAAO;AAC5D,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,iCAAY;AAAA,IAC/B,MAAM;AAAA,IACN;AAAA,IACA,eAAe,CAACA,SAAQ,iBAAa,oCAAcA,SAAQ,QAAQ;AAAA,IACnE,SAAS;AAAA,MACP,OAAO,CAAC,2CAAwB,GAAG;AAAA,MACnC,YAAY,CAACA,SAAQ,iBAAa,4CAAkBA,SAAQ,QAAQ;AAAA,MACpE,yBAAyB,kBAAgB;AACvC,cAAM,eAAe,aAAa,MAAM,UAAU;AAClD,YAAI,aAAa,WAAW,KAAK,SAAS,gDAAiB;AACzD,iBAAO;AAAA,QACT;AACA,eAAO,aAAa,KAAK,QAAQ,aAAa,MAAM,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,iBAAiB,CAAC,EAAE,QAAAA,QAAO,MAAM;AAAA,MAC/B;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS,6CAA0B;AAAA,QACnC,SAAS,CAAC,EAAE,cAAc,OAAO,MAAM;AACrC,8EAAgC,MAAM;AAEtC,uBAAa,UAAU;AAAA,YACrB,IAAI,2BAAU;AAAA,YACd,WAAW,mBAAAC;AAAA,YACX,gBAAgB;AAAA,cACd,eAAe,EAAE,QAAQ,gCAAe;AAAA,cACxC,SAAS,2BAAU;AAAA,cACnB,aAAaD,SAAQ;AAAA,YACvB;AAAA,YACA,QAAQ;AAAA,YACR,gBAAgB,MAAM,aAAa,WAAW,2BAAU,MAAM;AAAA,YAC9D,aAAa;AAAA,cACX,sBAAkB,wDAAwB,MAAM;AAAA,cAChD,WAAW;AAAA,YACb;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,IACA,cAAc,CAAC,0BAAY;AAAA,EAC7B;AACF;",
+  "names": ["config", "InsertModal"]
 }

package/dist/cjs/plugin-giphy/statics/styles/giphy-api-input-modal-scss.js

@@ -21,11 +21,11 @@ __export(giphy_api_input_modal_exports, {
 });
 module.exports = __toCommonJS(giphy_api_input_modal_exports);
 var giphy_api_input_modal_default = {
-  "giphy_api_input_modal_container": "ePs-f",
-  "mobile": "w-6YU",
-  "giphy_modal_header_container": "qmiwA",
-  "giphy_api_input_modal_navbar": "_2HJv5",
-  "giphy_api_input_modal_closeButton": "m7VfG",
-  "modalWrapper": "oLswn"
+  "giphy_api_input_modal_container": "_2h-LT",
+  "mobile": "jf--F",
+  "giphy_modal_header_container": "SsBhe",
+  "giphy_api_input_modal_navbar": "hrcbb",
+  "giphy_api_input_modal_closeButton": "sG5bh",
+  "modalWrapper": "vZhoH"
 };
 //# sourceMappingURL=giphy-api-input-modal-scss.js.map

package/dist/cjs/plugin-giphy/statics/styles/giphy-api-input-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-giphy/statics/styles/giphy-api-input-modal.scss"],
-  "sourcesContent": ["export default {\n  \"giphy_api_input_modal_container\": \"ePs-f\",\n  \"mobile\": \"w-6YU\",\n  \"giphy_modal_header_container\": \"qmiwA\",\n  \"giphy_api_input_modal_navbar\": \"_2HJv5\",\n  \"giphy_api_input_modal_closeButton\": \"m7VfG\",\n  \"modalWrapper\": \"oLswn\"\n};"],
+  "sourcesContent": ["export default {\n  \"giphy_api_input_modal_container\": \"_2h-LT\",\n  \"mobile\": \"jf--F\",\n  \"giphy_modal_header_container\": \"SsBhe\",\n  \"giphy_api_input_modal_navbar\": \"hrcbb\",\n  \"giphy_api_input_modal_closeButton\": \"sG5bh\",\n  \"modalWrapper\": \"vZhoH\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gCAAQ;AAAA,EACb,mCAAmC;AAAA,EACnC,UAAU;AAAA,EACV,gCAAgC;AAAA,EAChC,gCAAgC;AAAA,EAChC,qCAAqC;AAAA,EACrC,gBAAgB;AAClB;",
   "names": []
 }

package/dist/cjs/plugin-giphy/statics/styles/giphy-selecter-scss.js

@@ -21,19 +21,19 @@ __export(giphy_selecter_exports, {
 });
 module.exports = __toCommonJS(giphy_selecter_exports);
 var giphy_selecter_default = {
-  "fontElementMap": "_1ZlrQ",
-  "giphy_selector_container": "DaXAX",
-  "giphy_selector_infinite_scroll_container": "_1HEx5",
-  "giphySelectorErrorContainer": "e6TrJ",
-  "giphy_selector_infinite_scroll": "_69Q-f",
-  "giphy_selector_customize_scrollbar_container": "Lv6RU",
-  "giphy_selector_headerInfiniteScroll": "lKQiB",
-  "giphy_selector_scrollbarThumb": "TAJlr",
-  "giphy_selector_powerdByGiphy": "CMFjS",
-  "giphy_selector_gif_img_container": "nWRbA",
-  "giphy_selector_spinner_more": "Q-ZLu",
-  "giphy_selector_spinner_empty_modal": "qLWfp",
-  "giphy_empty_state": "LNQTj",
-  "giphySelectorErrorMessage": "piG7x"
+  "fontElementMap": "PbtPK",
+  "giphy_selector_container": "MPqvz",
+  "giphy_selector_infinite_scroll_container": "gFIH5",
+  "giphySelectorErrorContainer": "_3bj5E",
+  "giphy_selector_infinite_scroll": "Ns-1o",
+  "giphy_selector_customize_scrollbar_container": "sOmFc",
+  "giphy_selector_headerInfiniteScroll": "_6EY-8",
+  "giphy_selector_scrollbarThumb": "_3Kowg",
+  "giphy_selector_powerdByGiphy": "sEQcy",
+  "giphy_selector_gif_img_container": "HCFdp",
+  "giphy_selector_spinner_more": "_14-62",
+  "giphy_selector_spinner_empty_modal": "amFfC",
+  "giphy_empty_state": "wc1cB",
+  "giphySelectorErrorMessage": "BXWwL"
 };
 //# sourceMappingURL=giphy-selecter-scss.js.map

package/dist/cjs/plugin-giphy/statics/styles/giphy-selecter-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-giphy/statics/styles/giphy-selecter.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_1ZlrQ\",\n  \"giphy_selector_container\": \"DaXAX\",\n  \"giphy_selector_infinite_scroll_container\": \"_1HEx5\",\n  \"giphySelectorErrorContainer\": \"e6TrJ\",\n  \"giphy_selector_infinite_scroll\": \"_69Q-f\",\n  \"giphy_selector_customize_scrollbar_container\": \"Lv6RU\",\n  \"giphy_selector_headerInfiniteScroll\": \"lKQiB\",\n  \"giphy_selector_scrollbarThumb\": \"TAJlr\",\n  \"giphy_selector_powerdByGiphy\": \"CMFjS\",\n  \"giphy_selector_gif_img_container\": \"nWRbA\",\n  \"giphy_selector_spinner_more\": \"Q-ZLu\",\n  \"giphy_selector_spinner_empty_modal\": \"qLWfp\",\n  \"giphy_empty_state\": \"LNQTj\",\n  \"giphySelectorErrorMessage\": \"piG7x\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"PbtPK\",\n  \"giphy_selector_container\": \"MPqvz\",\n  \"giphy_selector_infinite_scroll_container\": \"gFIH5\",\n  \"giphySelectorErrorContainer\": \"_3bj5E\",\n  \"giphy_selector_infinite_scroll\": \"Ns-1o\",\n  \"giphy_selector_customize_scrollbar_container\": \"sOmFc\",\n  \"giphy_selector_headerInfiniteScroll\": \"_6EY-8\",\n  \"giphy_selector_scrollbarThumb\": \"_3Kowg\",\n  \"giphy_selector_powerdByGiphy\": \"sEQcy\",\n  \"giphy_selector_gif_img_container\": \"HCFdp\",\n  \"giphy_selector_spinner_more\": \"_14-62\",\n  \"giphy_selector_spinner_empty_modal\": \"amFfC\",\n  \"giphy_empty_state\": \"wc1cB\",\n  \"giphySelectorErrorMessage\": \"BXWwL\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,4BAA4B;AAAA,EAC5B,4CAA4C;AAAA,EAC5C,+BAA+B;AAAA,EAC/B,kCAAkC;AAAA,EAClC,gDAAgD;AAAA,EAChD,uCAAuC;AAAA,EACvC,iCAAiC;AAAA,EACjC,gCAAgC;AAAA,EAChC,oCAAoC;AAAA,EACpC,+BAA+B;AAAA,EAC/B,sCAAsC;AAAA,EACtC,qBAAqB;AAAA,EACrB,6BAA6B;AAC/B;",
   "names": []
 }

package/dist/cjs/plugin-giphy/statics/styles/giphy-viewer-scss.js

@@ -21,7 +21,7 @@ __export(giphy_viewer_exports, {
 });
 module.exports = __toCommonJS(giphy_viewer_exports);
 var giphy_viewer_default = {
-  "giphy_player": "lCOVP",
-  "gifRatio": "-u6v-"
+  "giphy_player": "_8BX51",
+  "gifRatio": "oKc5W"
 };
 //# sourceMappingURL=giphy-viewer-scss.js.map

package/dist/cjs/plugin-giphy/statics/styles/giphy-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-giphy/statics/styles/giphy-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"giphy_player\": \"lCOVP\",\n  \"gifRatio\": \"-u6v-\"\n};"],
+  "sourcesContent": ["export default {\n  \"giphy_player\": \"_8BX51\",\n  \"gifRatio\": \"oKc5W\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,uBAAQ;AAAA,EACb,gBAAgB;AAAA,EAChB,YAAY;AACd;",
   "names": []
 }

package/dist/cjs/plugin-hashtag/statics/hashtag-scss.js

@@ -21,7 +21,7 @@ __export(hashtag_exports, {
 });
 module.exports = __toCommonJS(hashtag_exports);
 var hashtag_default = {
-  "fontElementMap": "dcCGI",
-  "hashtag": "hmUhq"
+  "fontElementMap": "JwEFz",
+  "hashtag": "OzMgK"
 };
 //# sourceMappingURL=hashtag-scss.js.map

package/dist/cjs/plugin-hashtag/statics/hashtag-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-hashtag/statics/hashtag.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"dcCGI\",\n  \"hashtag\": \"hmUhq\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"JwEFz\",\n  \"hashtag\": \"OzMgK\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,kBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AACb;",
   "names": []
 }

package/dist/cjs/plugin-headings/statics/styles/headingButtonStyles-scss.js

@@ -21,11 +21,11 @@ __export(headingButtonStyles_exports, {
 });
 module.exports = __toCommonJS(headingButtonStyles_exports);
 var headingButtonStyles_default = {
-  "headingsModal": "WZQm3",
-  "headingsModal_mobile": "NfX8T",
-  "headingsModalOverlay": "rx4uY",
-  "headingsModalOverlay_mobile": "zyzR7",
-  "headingPopup_button": "z1QoX",
-  "headingPopup": "ipvaG"
+  "headingsModal": "rMioE",
+  "headingsModal_mobile": "UdIwn",
+  "headingsModalOverlay": "OKj-C",
+  "headingsModalOverlay_mobile": "_1z8qP",
+  "headingPopup_button": "j8cH9",
+  "headingPopup": "taLkn"
 };
 //# sourceMappingURL=headingButtonStyles-scss.js.map

package/dist/cjs/plugin-headings/statics/styles/headingButtonStyles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-headings/statics/styles/headingButtonStyles.scss"],
-  "sourcesContent": ["export default {\n  \"headingsModal\": \"WZQm3\",\n  \"headingsModal_mobile\": \"NfX8T\",\n  \"headingsModalOverlay\": \"rx4uY\",\n  \"headingsModalOverlay_mobile\": \"zyzR7\",\n  \"headingPopup_button\": \"z1QoX\",\n  \"headingPopup\": \"ipvaG\"\n};"],
+  "sourcesContent": ["export default {\n  \"headingsModal\": \"rMioE\",\n  \"headingsModal_mobile\": \"UdIwn\",\n  \"headingsModalOverlay\": \"OKj-C\",\n  \"headingsModalOverlay_mobile\": \"_1z8qP\",\n  \"headingPopup_button\": \"j8cH9\",\n  \"headingPopup\": \"taLkn\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,8BAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,+BAA+B;AAAA,EAC/B,uBAAuB;AAAA,EACvB,gBAAgB;AAClB;",
   "names": []
 }

package/dist/cjs/plugin-headings/statics/styles/headings-scss.js

@@ -21,13 +21,13 @@ __export(headings_exports, {
 });
 module.exports = __toCommonJS(headings_exports);
 var headings_default = {
-  "fontElementMap": "GeGqW",
-  "elementSpacing": "_41B42",
-  "headerOne": "D8z3- _41B42",
-  "headerTwo": "_75WQS _41B42",
-  "headerThree": "v3lgy _41B42",
-  "headerFour": "PVQHC _41B42",
-  "headerFive": "_1FPRX _41B42",
-  "headerSix": "_4MceF _41B42"
+  "fontElementMap": "awSTa",
+  "elementSpacing": "XH75M",
+  "headerOne": "FAd5X XH75M",
+  "headerTwo": "GVkPd XH75M",
+  "headerThree": "JidJm XH75M",
+  "headerFour": "fpKSB XH75M",
+  "headerFive": "D4Q9N XH75M",
+  "headerSix": "b5hr0 XH75M"
 };
 //# sourceMappingURL=headings-scss.js.map