npm - @openlettermarketing/olc-react-sdk - Versions diffs - 0.0.40 → 0.0.41 - Mend

@openlettermarketing/olc-react-sdk 0.0.40 → 0.0.41

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 (4) hide show

package/README.md CHANGED Viewed

@@ -1,18 +1,31 @@
-# OLC React SDK
+# Integration Guide
-The `OLC React SDK` SDK allows developers to integrate a customizable template builder into their applications. This SDK provides a range of options to manage templates, handle authentication, and customize the look and feel of the template builder.
+## OLC React SDK Integration Guide
-## Installation
+### Introduction
-To install the SDK, use npm:
+The OLC React SDK allows developers to integrate a customizable template builder into their applications. This guide provides step-by-step instructions to help you install, configure, and use the SDK.
-```bash
+### 1. Installation
+Start by installing the OLC React SDK via [NPM](https://www.npmjs.com/package/@openlettermarketing/olc-react-sdk).
+```Shell
 npm install @openlettermarketing/olc-react-sdk
+```
+### 2. Importing and Initializing the SDK
+After installation, import the SDK into your React application and configure the required properties to initialize the `TemplateBuilder` component.
+### Complete coverage usage:.
+The following example shows the demo of all props minimalist usage, For the real case integration, see [integration example](#6-real-case-of-usage).
+```Javascript
 import TemplateBuilder from '@openlettermarketing/olc-react-sdk';
-const templateBuilderProps: TemplateBuilderProps = {
-  container: document.getElementById('template-builder-container'),
+const templateBuilderProps = {
+  container: document.getElementById('element-id'),
   secretKey: 'your-secret-key',
   basicAuthUsername: 'your-username',
   basicAuthPassword: 'your-password',
@@ -20,20 +33,21 @@ const templateBuilderProps: TemplateBuilderProps = {
   createTemplateRoute: '/create-template',
   templateBuilderRoute: '/edit-template',
   olcTemplate: yourTemplateObject,
-  onReturnAndNavigate: () => {
-    // Define what happens when the user returns and navigates.
+  sandbox: true,
+  onReturnAndNavigate () {
+    // TODO: Define what happens when the user returns and navigates.
   },
-  onGetOneTemplate: async (payload) => {
-    // Fetch a specific template.
+  async onGetOneTemplate (payload) => {
+    // TODO: Fetch a specific template.
   },
-  onGetTemplates: async (payload) => {
-    // Fetch all templates.
+  async onGetTemplates (payload) => {
+    // TODO: Fetch all templates.
   },
-  onGetCustomFields: async () => {
-    // Fetch custom fields for the templates.
+  async onGetCustomFields () => {
+    // TODO: Fetch custom fields for the templates.
   },
-  onSubmit: async (payload) => {
-    // Handle the submission of a template.
+  async onSubmit (payload) => {
+    // TODO: Handle the submission of a template.
   },
   styles: {
     root: {
@@ -45,83 +59,67 @@ const templateBuilderProps: TemplateBuilderProps = {
 TemplateBuilder(templateBuilderProps);
 ```
-## TemplateBuilderProps Interface
-This interface defines the structure for the properties that you can pass to the TemplateBuilder SDK.
-## Properties
-#### container (HTMLElement | null):
-The container element where the template builder will be rendered. This must be an HTML element in your DOM.
-#### secretKey (string):
-The secret key used for authenticating requests.
-#### basicAuthUsername (string):
-The username for basic authentication.
-#### basicAuthPassword (string):
-The password for basic authentication.
-#### platformName (string | null, optional):
-The name of the platform where the template builder is integrated.
-#### createTemplateRoute (string | null, optional):
-The route used for creating new templates.
-#### templateBuilderRoute (string | null, optional):
-The route used for editing existing templates.
-#### olcTemplate (Record<string, any>, optional):
-An object representing the template to be edited or used as a base.
-#### onReturnAndNavigate (() => void, optional):
-A callback function triggered when the user returns and navigates away from the template builder.
-#### onGetOneTemplate ((payload: any) => Promise<any>, optional):
-A function to fetch a specific template. It receives a payload and returns a promise.
-#### onGetTemplates ((payload: any) => Promise<any>, optional):
-A function to fetch all templates. It receives a payload and returns a promise.
-#### onGetCustomFields (() => Promise<any>, optional):
-A function to fetch custom fields associated with the templates.
-#### onSubmit ((payload: any) => Promise<any>, optional):
-A function triggered upon submitting a template. It receives a payload and returns a promise.
-#### styles (object, optional):
-An object for custom CSS properties to style the template builder's root element.
-## Example Usage
-```bash
-import { useEffect } from "react";
+### 3. Configuration through Props
+The SDK uses several properties to manage its behavior. Below is a breakdown of key props:
+| Prop name              | Type             | Description                                                                                                    | Required | Example / Usage                                            |
+|------------------------|:-----------------|----------------------------------------------------------------------------------------------------------------|----------|:-----------------------------------------------------------|
+| `container`            | _HTMLDivElement_ | An HTML DOM element to render the template builder component.                                                  | &#10003; | `document.getElementById('template-builder-container')` |
+| `secretKey`            | _string_         | That key is used to communicate _Polotno_ Editor (Builder) with API requests.                                  | &#10003; | `'your-secret-key'`                                        |
+| `basicAuthUsername`    | _string_         | _Username_ for basic authentication.                                                                           | &#10003; | `'your-username'`                                          |
+| `basicAuthPassword`    | _string_         | _Password_ for basic authentication.                                                                           | &#10003; | `'your-password'`                                          |
+| `platformName`         | _string_         | The name of your platform.                                                                                     | &#10539; | `'My App'`                                                 |
+| `createTemplateRoute`  | _string_         | The route/path for creating new templates. _(begins with slash `/`)_                                           | &#10539; | `'/create-template'`                                       |
+| `templateBuilderRoute` | _string_         | The route/path for editing existing templates. _(begins with slash `/`)_                                       | &#10539; | `'/edit-template'`                                         |
+| `olcTemplate`          | _object_         | The template object to be edited or used as a base.                                                            | &#10539; | `{ ... }`                                                  |
+| `sandbox`          | _boolean_         | The sandbox setting can be either true or false. Set to true for demo purposes and false for production.                                                            | &#10539; | `true`                                                  |
+| `onReturnAndNavigate`  | _function_       | An event which triggers when a user navigates away.                                                            | &#10539; | `onReturnAndNavigate () { ... }`                           |
+| `onGetOneTemplate`     | _function_       | An event which triggers when fetching a specific template.                                                     | &#10539; | `onGetOneTemplate ( payload ) { ... }`                     |
+| `onGetTemplates`       | _function_       | An event which triggers when fetching all templates.                                                           | &#10539; | `onGetTemplates ( payload ) { ... }`                       |
+| `onGetCustomFields`    | _function_       | An event which triggers when fetching custom fields for templates.                                             | &#10539; | `onGetCustomFields () { ... }`                             |
+| `onSubmit`             | _function_       | An event which triggers upon template submission.                                                              | &#10539; | `onSubmit () { ... }`                                      |
+| `styles`               | _object_         | An object of [JSS](https://reactjs.org/docs/faq-styling.html) props for customize styling of template builder. | &#10539; | `{ root: { ... } }`                                        |
+### 4. API Integration
+To integrate the SDK’s API, ensure that your backend securely communicates with the OLC _Backend_, returning the necessary data to the SDK frontend.
+### 5. Customization and Styling
+The SDK allows for extensive customization of the template builder’s appearance. Use the `styles` prop to apply custom CSS properties and match the look and feel of your application.
+### 6. Real-case of usage
+Below is an example of how to use the SDK within a React component:
+```Typescript
+import { useEffect } from 'react';
+// SDKs
+import TemplateBuilder from '@openlettermarketing/olc-react-sdk';
-import TemplateBuilder from "@openlettermarketing/olc-react-sdk";
+// styles
 import '@blueprintjs/core/lib/css/blueprint.css';
-function App() {
+const App = () => {
   useEffect(() => {
     TemplateBuilder({
       container: document.getElementById('template-builder-container'),
       secretKey: 'your-secret-key',
       basicAuthUsername: 'your-username',
       basicAuthPassword: 'your-password',
-      onSubmit: async (payload) => {
+      sandbox: false,
+      async onSubmit (payload) {
         console.log('Template submitted:', payload);
-        // Add your submission logic here
+        // Implement your submission logic here
       },
     });
   }, []);
   return (
     <>
-      <div id="template-builder-container"></div>
+      {/** ... */}
+      <div id="template-builder-container" />
     </>
   );
 }
 export default App;
 ```
-## License
-This SDK is licensed under the MIT License

package/build/index.js CHANGED Viewed

@@ -535,5 +535,5 @@ function we(){return we=Object.assign?Object.assign.bind():function(e){for(var t
 * @copyright ReactTooltip Team
 * @license MIT
 */
-const _C="react-tooltip-core-styles",$C="react-tooltip-base-styles",eA={core:!1,base:!1};function tA({css:e,id:t=$C,type:n="base",ref:r}){var a,o;if(!e||"undefined"==typeof document||eA[n])return;if("core"===n&&"undefined"!=typeof process&&(null===(a=null===process||void 0===process?void 0:process.env)||void 0===a?void 0:a.REACT_TOOLTIP_DISABLE_CORE_STYLES))return;if("base"!==n&&"undefined"!=typeof process&&(null===(o=null===process||void 0===process?void 0:process.env)||void 0===o?void 0:o.REACT_TOOLTIP_DISABLE_BASE_STYLES))return;"core"===n&&(t=_C),r||(r={});const{insertAt:i}=r;if(document.getElementById(t))return;const l=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.id=t,s.type="text/css","top"===i&&l.firstChild?l.insertBefore(s,l.firstChild):l.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e)),eA[n]=!0}const nA=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:r="top",offset:a=10,strategy:o="absolute",middlewares:i=[Ou(Number(a)),Du({fallbackAxisSideDirection:"start"}),Pu({padding:5})],border:l})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};const s=i;return n?(s.push(ku({element:n,padding:5})),Bu(e,t,{placement:r,strategy:o,middleware:s}).then((({x:e,y:t,placement:n,middlewareData:r})=>{var a,o;const i={left:`${e}px`,top:`${t}px`,border:l},{x:s,y:c}=null!==(a=r.arrow)&&void 0!==a?a:{x:0,y:0},u=null!==(o={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]])&&void 0!==o?o:"bottom",d=l&&{borderBottom:l,borderRight:l};let f=0;if(l){const e=`${l}`.match(/(\d+)px/);f=(null==e?void 0:e[1])?Number(e[1]):1}return{tooltipStyles:i,tooltipArrowStyles:{left:null!=s?`${s}px`:"",top:null!=c?`${c}px`:"",right:"",bottom:"",...d,[u]:`-${4+f}px`},place:n}}))):Bu(e,t,{placement:"bottom",strategy:o,middleware:s}).then((({x:e,y:t,placement:n})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:n})))},rA=(e,t)=>!("CSS"in window&&"supports"in window.CSS)||window.CSS.supports(e,t),aA=(e,t,n)=>{let r=null;const a=function(...a){const o=()=>{r=null,n||e.apply(this,a)};n&&!r&&(e.apply(this,a),r=setTimeout(o,t)),n||(r&&clearTimeout(r),r=setTimeout(o,t))};return a.cancel=()=>{r&&(clearTimeout(r),r=null)},a},oA=e=>null!==e&&!Array.isArray(e)&&"object"==typeof e,iA=(e,t)=>{if(e===t)return!0;if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&e.every(((e,n)=>iA(e,t[n])));if(Array.isArray(e)!==Array.isArray(t))return!1;if(!oA(e)||!oA(t))return e===t;const n=Object.keys(e),r=Object.keys(t);return n.length===r.length&&n.every((n=>iA(e[n],t[n])))},lA=e=>{if(!(e instanceof HTMLElement||e instanceof SVGElement))return!1;const t=getComputedStyle(e);return["overflow","overflow-x","overflow-y"].some((e=>{const n=t.getPropertyValue(e);return"auto"===n||"scroll"===n}))},sA=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(lA(t))return t;t=t.parentElement}return document.scrollingElement||document.documentElement},cA="undefined"!=typeof window?l.useLayoutEffect:l.useEffect,uA=e=>{e.current&&(clearTimeout(e.current),e.current=null)},dA="DEFAULT_TOOLTIP_ID",fA={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},hA=(0,l.createContext)({getTooltipData:()=>fA});function pA(e=dA){return(0,l.useContext)(hA).getTooltipData(e)}var CA={tooltip:"core-styles-module_tooltip__3vRRp",fixed:"core-styles-module_fixed__pcSol",arrow:"core-styles-module_arrow__cvMwQ",noArrow:"core-styles-module_noArrow__xock6",clickable:"core-styles-module_clickable__ZuTTB",show:"core-styles-module_show__Nt9eE",closing:"core-styles-module_closing__sGnxF"},AA={tooltip:"styles-module_tooltip__mnnfp",arrow:"styles-module_arrow__K0L3T",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const mA=({forwardRef:e,id:t,className:n,classNameArrow:r,variant:a="dark",anchorId:o,anchorSelect:i,place:s="top",offset:c=10,events:u=["hover"],openOnClick:d=!1,positionStrategy:f="absolute",middlewares:h,wrapper:p,delayShow:C=0,delayHide:A=0,float:m=!1,hidden:v=!1,noArrow:g=!1,clickable:y=!1,closeOnEsc:b=!1,closeOnScroll:L=!1,closeOnResize:E=!1,openEvents:w,closeEvents:z,globalCloseEvents:M,imperativeModeOnly:S,style:H,position:R,afterShow:V,afterHide:x,disableTooltip:T,content:N,contentWrapperRef:O,isOpen:P,defaultIsOpen:D=!1,setIsOpen:k,activeAnchor:B,setActiveAnchor:I,border:F,opacity:G,arrowColor:j,role:U="tooltip"})=>{var q;const W=(0,l.useRef)(null),Y=(0,l.useRef)(null),Q=(0,l.useRef)(null),Z=(0,l.useRef)(null),X=(0,l.useRef)(null),[K,J]=(0,l.useState)({tooltipStyles:{},tooltipArrowStyles:{},place:s}),[_,$]=(0,l.useState)(!1),[ee,te]=(0,l.useState)(!1),[ne,re]=(0,l.useState)(null),ae=(0,l.useRef)(!1),oe=(0,l.useRef)(null),{anchorRefs:ie,setActiveAnchor:le}=pA(t),se=(0,l.useRef)(!1),[ce,ue]=(0,l.useState)([]),de=(0,l.useRef)(!1),fe=d||u.includes("click"),he=fe||(null==w?void 0:w.click)||(null==w?void 0:w.dblclick)||(null==w?void 0:w.mousedown),pe=w?{...w}:{mouseover:!0,focus:!0,mouseenter:!1,click:!1,dblclick:!1,mousedown:!1};!w&&fe&&Object.assign(pe,{mouseenter:!1,focus:!1,mouseover:!1,click:!0});const Ce=z?{...z}:{mouseout:!0,blur:!0,mouseleave:!1,click:!1,dblclick:!1,mouseup:!1};!z&&fe&&Object.assign(Ce,{mouseleave:!1,blur:!1,mouseout:!1});const Ae=M?{...M}:{escape:b||!1,scroll:L||!1,resize:E||!1,clickOutsideAnchor:he||!1};S&&(Object.assign(pe,{mouseenter:!1,focus:!1,click:!1,dblclick:!1,mousedown:!1}),Object.assign(Ce,{mouseleave:!1,blur:!1,click:!1,dblclick:!1,mouseup:!1}),Object.assign(Ae,{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:!1})),cA((()=>(de.current=!0,()=>{de.current=!1})),[]);const me=e=>{de.current&&(e&&te(!0),setTimeout((()=>{de.current&&(null==k||k(e),void 0===P&&$(e))}),10))};(0,l.useEffect)((()=>{if(void 0===P)return()=>null;P&&te(!0);const e=setTimeout((()=>{$(P)}),10);return()=>{clearTimeout(e)}}),[P]),(0,l.useEffect)((()=>{if(_!==ae.current)if(uA(X),ae.current=_,_)null==V||V();else{const e=(e=>{const t=getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay").match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const[,n,r]=t;return Number(n)*("ms"===r?1:1e3)})();X.current=setTimeout((()=>{te(!1),re(null),null==x||x()}),e+25)}}),[_]);const ve=e=>{J((t=>iA(t,e)?t:e))},ge=(e=C)=>{uA(Q),ee?me(!0):Q.current=setTimeout((()=>{me(!0)}),e)},ye=(e=A)=>{uA(Z),Z.current=setTimeout((()=>{se.current||me(!1)}),e)},be=e=>{var t;if(!e)return;const n=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;if(!(null==n?void 0:n.isConnected))return I(null),void le({current:null});C?ge():me(!0),I(n),le({current:n}),uA(Z)},Le=()=>{y?ye(A||100):A?ye():me(!1),uA(Q)},Ee=({x:e,y:t})=>{var n;const r={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};nA({place:null!==(n=null==ne?void 0:ne.place)&&void 0!==n?n:s,offset:c,elementReference:r,tooltipReference:W.current,tooltipArrowReference:Y.current,strategy:f,middlewares:h,border:F}).then((e=>{ve(e)}))},we=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};Ee(n),oe.current=n},ze=e=>{var t;if(!_)return;const n=e.target;n.isConnected&&((null===(t=W.current)||void 0===t?void 0:t.contains(n))||[document.querySelector(`[id='${o}']`),...ce].some((e=>null==e?void 0:e.contains(n)))||(me(!1),uA(Q)))},Me=aA(be,50,!0),Se=aA(Le,50,!0),He=e=>{Se.cancel(),Me(e)},Re=()=>{Me.cancel(),Se()},Ve=(0,l.useCallback)((()=>{var e,t;const n=null!==(e=null==ne?void 0:ne.position)&&void 0!==e?e:R;n?Ee(n):m?oe.current&&Ee(oe.current):(null==B?void 0:B.isConnected)&&nA({place:null!==(t=null==ne?void 0:ne.place)&&void 0!==t?t:s,offset:c,elementReference:B,tooltipReference:W.current,tooltipArrowReference:Y.current,strategy:f,middlewares:h,border:F}).then((e=>{de.current&&ve(e)}))}),[_,B,N,H,s,null==ne?void 0:ne.place,c,f,R,null==ne?void 0:ne.position,m]);(0,l.useEffect)((()=>{var e,t;const n=new Set(ie);ce.forEach((e=>{(null==T?void 0:T(e))||n.add({current:e})}));const r=document.querySelector(`[id='${o}']`);r&&!(null==T?void 0:T(r))&&n.add({current:r});const a=()=>{me(!1)},i=sA(B),l=sA(W.current);Ae.scroll&&(window.addEventListener("scroll",a),null==i||i.addEventListener("scroll",a),null==l||l.addEventListener("scroll",a));let s=null;Ae.resize?window.addEventListener("resize",a):B&&W.current&&(s=Nu(B,W.current,Ve,{ancestorResize:!0,elementResize:!0,layoutShift:!0}));const c=e=>{"Escape"===e.key&&me(!1)};Ae.escape&&window.addEventListener("keydown",c),Ae.clickOutsideAnchor&&window.addEventListener("click",ze);const u=[],d=e=>{_&&(null==e?void 0:e.target)===B||be(e)},f=e=>{_&&(null==e?void 0:e.target)===B&&Le()},h=["mouseover","mouseout","mouseenter","mouseleave","focus","blur"],p=["click","dblclick","mousedown","mouseup"];Object.entries(pe).forEach((([e,t])=>{t&&(h.includes(e)?u.push({event:e,listener:He}):p.includes(e)&&u.push({event:e,listener:d}))})),Object.entries(Ce).forEach((([e,t])=>{t&&(h.includes(e)?u.push({event:e,listener:Re}):p.includes(e)&&u.push({event:e,listener:f}))})),m&&u.push({event:"pointermove",listener:we});const C=()=>{se.current=!0},A=()=>{se.current=!1,Le()};return y&&!he&&(null===(e=W.current)||void 0===e||e.addEventListener("mouseenter",C),null===(t=W.current)||void 0===t||t.addEventListener("mouseleave",A)),u.forEach((({event:e,listener:t})=>{n.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.addEventListener(e,t)}))})),()=>{var e,t;Ae.scroll&&(window.removeEventListener("scroll",a),null==i||i.removeEventListener("scroll",a),null==l||l.removeEventListener("scroll",a)),Ae.resize?window.removeEventListener("resize",a):null==s||s(),Ae.clickOutsideAnchor&&window.removeEventListener("click",ze),Ae.escape&&window.removeEventListener("keydown",c),y&&!he&&(null===(e=W.current)||void 0===e||e.removeEventListener("mouseenter",C),null===(t=W.current)||void 0===t||t.removeEventListener("mouseleave",A)),u.forEach((({event:e,listener:t})=>{n.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.removeEventListener(e,t)}))}))}}),[B,Ve,ee,ie,ce,w,z,M,fe,C,A]),(0,l.useEffect)((()=>{var e,n;let r=null!==(n=null!==(e=null==ne?void 0:ne.anchorSelect)&&void 0!==e?e:i)&&void 0!==n?n:"";!r&&t&&(r=`[data-tooltip-id='${t.replace(/'/g,"\\'")}']`);const a=new MutationObserver((e=>{const n=[],a=[];e.forEach((e=>{if("attributes"===e.type&&"data-tooltip-id"===e.attributeName&&(e.target.getAttribute("data-tooltip-id")===t?n.push(e.target):e.oldValue===t&&a.push(e.target)),"childList"===e.type){if(B){const t=[...e.removedNodes].filter((e=>1===e.nodeType));if(r)try{a.push(...t.filter((e=>e.matches(r)))),a.push(...t.flatMap((e=>[...e.querySelectorAll(r)])))}catch(e){}t.some((e=>{var t;return!!(null===(t=null==e?void 0:e.contains)||void 0===t?void 0:t.call(e,B))&&(te(!1),me(!1),I(null),uA(Q),uA(Z),!0)}))}if(r)try{const t=[...e.addedNodes].filter((e=>1===e.nodeType));n.push(...t.filter((e=>e.matches(r)))),n.push(...t.flatMap((e=>[...e.querySelectorAll(r)])))}catch(e){}}})),(n.length||a.length)&&ue((e=>[...e.filter((e=>!a.includes(e))),...n]))}));return a.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"],attributeOldValue:!0}),()=>{a.disconnect()}}),[t,i,null==ne?void 0:ne.anchorSelect,B]),(0,l.useEffect)((()=>{Ve()}),[Ve]),(0,l.useEffect)((()=>{if(!(null==O?void 0:O.current))return()=>null;const e=new ResizeObserver((()=>{setTimeout((()=>Ve()))}));return e.observe(O.current),()=>{e.disconnect()}}),[N,null==O?void 0:O.current]),(0,l.useEffect)((()=>{var e;const t=document.querySelector(`[id='${o}']`),n=[...ce,t];B&&n.includes(B)||I(null!==(e=ce[0])&&void 0!==e?e:t)}),[o,ce,B]),(0,l.useEffect)((()=>(D&&me(!0),()=>{uA(Q),uA(Z)})),[]),(0,l.useEffect)((()=>{var e;let n=null!==(e=null==ne?void 0:ne.anchorSelect)&&void 0!==e?e:i;if(!n&&t&&(n=`[data-tooltip-id='${t.replace(/'/g,"\\'")}']`),n)try{const e=Array.from(document.querySelectorAll(n));ue(e)}catch(e){ue([])}}),[t,i,null==ne?void 0:ne.anchorSelect]),(0,l.useEffect)((()=>{Q.current&&(uA(Q),ge(C))}),[C]);const xe=null!==(q=null==ne?void 0:ne.content)&&void 0!==q?q:N,Te=_&&Object.keys(K.tooltipStyles).length>0;return(0,l.useImperativeHandle)(e,(()=>({open:e=>{if(null==e?void 0:e.anchorSelect)try{document.querySelector(e.anchorSelect)}catch(t){return void console.warn(`[react-tooltip] "${e.anchorSelect}" is not a valid CSS selector`)}re(null!=e?e:null),(null==e?void 0:e.delay)?ge(e.delay):me(!0)},close:e=>{(null==e?void 0:e.delay)?ye(e.delay):me(!1)},activeAnchor:B,place:K.place,isOpen:Boolean(ee&&!v&&xe&&Te)}))),ee&&!v&&xe?l.createElement(p,{id:t,role:U,className:JC("react-tooltip",CA.tooltip,AA.tooltip,AA[a],n,`react-tooltip__place-${K.place}`,CA[Te?"show":"closing"],Te?"react-tooltip__show":"react-tooltip__closing","fixed"===f&&CA.fixed,y&&CA.clickable),onTransitionEnd:e=>{uA(X),_||"opacity"!==e.propertyName||(te(!1),re(null),null==x||x())},style:{...H,...K.tooltipStyles,opacity:void 0!==G&&Te?G:void 0},ref:W},xe,l.createElement(p,{className:JC("react-tooltip-arrow",CA.arrow,AA.arrow,r,g&&CA.noArrow),style:{...K.tooltipArrowStyles,background:j?`linear-gradient(to right bottom, transparent 50%, ${j} 50%)`:void 0},ref:Y})):null},vA=({content:e})=>l.createElement("span",{dangerouslySetInnerHTML:{__html:e}}),gA=l.forwardRef((({id:e,anchorId:t,anchorSelect:n,content:r,html:a,render:o,className:i,classNameArrow:s,variant:c="dark",place:u="top",offset:d=10,wrapper:f="div",children:h=null,events:p=["hover"],openOnClick:C=!1,positionStrategy:A="absolute",middlewares:m,delayShow:v=0,delayHide:g=0,float:y=!1,hidden:b=!1,noArrow:L=!1,clickable:E=!1,closeOnEsc:w=!1,closeOnScroll:z=!1,closeOnResize:M=!1,openEvents:S,closeEvents:H,globalCloseEvents:R,imperativeModeOnly:V=!1,style:x,position:T,isOpen:N,defaultIsOpen:O=!1,disableStyleInjection:P=!1,border:D,opacity:k,arrowColor:B,setIsOpen:I,afterShow:F,afterHide:G,disableTooltip:j,role:U="tooltip"},q)=>{const[W,Y]=(0,l.useState)(r),[Q,Z]=(0,l.useState)(a),[X,K]=(0,l.useState)(u),[J,_]=(0,l.useState)(c),[$,ee]=(0,l.useState)(d),[te,ne]=(0,l.useState)(v),[re,ae]=(0,l.useState)(g),[oe,ie]=(0,l.useState)(y),[le,se]=(0,l.useState)(b),[ce,ue]=(0,l.useState)(f),[de,fe]=(0,l.useState)(p),[he,pe]=(0,l.useState)(A),[Ce,Ae]=(0,l.useState)(null),[me,ve]=(0,l.useState)(null),ge=(0,l.useRef)(P),{anchorRefs:ye,activeAnchor:be}=pA(e),Le=e=>null==e?void 0:e.getAttributeNames().reduce(((t,n)=>{var r;return n.startsWith("data-tooltip-")&&(t[n.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(n))&&void 0!==r?r:null),t}),{}),Ee=e=>{const t={place:e=>{var t;K(null!==(t=e)&&void 0!==t?t:u)},content:e=>{Y(null!=e?e:r)},html:e=>{Z(null!=e?e:a)},variant:e=>{var t;_(null!==(t=e)&&void 0!==t?t:c)},offset:e=>{ee(null===e?d:Number(e))},wrapper:e=>{var t;ue(null!==(t=e)&&void 0!==t?t:f)},events:e=>{const t=null==e?void 0:e.split(" ");fe(null!=t?t:p)},"position-strategy":e=>{var t;pe(null!==(t=e)&&void 0!==t?t:A)},"delay-show":e=>{ne(null===e?v:Number(e))},"delay-hide":e=>{ae(null===e?g:Number(e))},float:e=>{ie(null===e?y:"true"===e)},hidden:e=>{se(null===e?b:"true"===e)},"class-name":e=>{Ae(e)}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,n])=>{var r;null===(r=t[e])||void 0===r||r.call(t,n)}))};(0,l.useEffect)((()=>{Y(r)}),[r]),(0,l.useEffect)((()=>{Z(a)}),[a]),(0,l.useEffect)((()=>{K(u)}),[u]),(0,l.useEffect)((()=>{_(c)}),[c]),(0,l.useEffect)((()=>{ee(d)}),[d]),(0,l.useEffect)((()=>{ne(v)}),[v]),(0,l.useEffect)((()=>{ae(g)}),[g]),(0,l.useEffect)((()=>{ie(y)}),[y]),(0,l.useEffect)((()=>{se(b)}),[b]),(0,l.useEffect)((()=>{pe(A)}),[A]),(0,l.useEffect)((()=>{ge.current!==P&&console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.")}),[P]),(0,l.useEffect)((()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===P,disableBase:P}}))}),[]),(0,l.useEffect)((()=>{var r;const a=new Set(ye);let o=n;if(!o&&e&&(o=`[data-tooltip-id='${e.replace(/'/g,"\\'")}']`),o)try{document.querySelectorAll(o).forEach((e=>{a.add({current:e})}))}catch(r){console.warn(`[react-tooltip] "${o}" is not a valid CSS selector`)}const i=document.querySelector(`[id='${t}']`);if(i&&a.add({current:i}),!a.size)return()=>null;const l=null!==(r=null!=me?me:i)&&void 0!==r?r:be.current,s=new MutationObserver((e=>{e.forEach((e=>{var t;if(!l||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=Le(l);Ee(n)}))})),c={attributes:!0,childList:!1,subtree:!1};if(l){const e=Le(l);Ee(e),s.observe(l,c)}return()=>{s.disconnect()}}),[ye,be,me,t,n]),(0,l.useEffect)((()=>{(null==x?void 0:x.border)&&console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."),D&&!rA("border",`${D}`)&&console.warn(`[react-tooltip] "${D}" is not a valid \`border\`.`),(null==x?void 0:x.opacity)&&console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."),k&&!rA("opacity",`${k}`)&&console.warn(`[react-tooltip] "${k}" is not a valid \`opacity\`.`)}),[]);let we=h;const ze=(0,l.useRef)(null);if(o){const e=o({content:(null==me?void 0:me.getAttribute("data-tooltip-content"))||W||null,activeAnchor:me});we=e?l.createElement("div",{ref:ze,className:"react-tooltip-content-wrapper"},e):null}else W&&(we=W);Q&&(we=l.createElement(vA,{content:Q}));const Me={forwardRef:q,id:e,anchorId:t,anchorSelect:n,className:JC(i,Ce),classNameArrow:s,content:we,contentWrapperRef:ze,place:X,variant:J,offset:$,wrapper:ce,events:de,openOnClick:C,positionStrategy:he,middlewares:m,delayShow:te,delayHide:re,float:oe,hidden:le,noArrow:L,clickable:E,closeOnEsc:w,closeOnScroll:z,closeOnResize:M,openEvents:S,closeEvents:H,globalCloseEvents:R,imperativeModeOnly:V,style:x,position:T,isOpen:N,defaultIsOpen:O,border:D,opacity:k,arrowColor:B,setIsOpen:I,afterShow:F,afterHide:G,disableTooltip:j,activeAnchor:me,setActiveAnchor:e=>ve(e),role:U};return l.createElement(mA,{...Me})}));"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",(e=>{e.detail.disableCore||tA({css:":root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}",type:"core"}),e.detail.disableBase||tA({css:"\n.styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:8px;height:8px}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}",type:"base"})}));var yA=a(27455),bA={};bA.styleTagTransform=Kl(),bA.setAttributes=Yl(),bA.insert=ql().bind(null,"head"),bA.domAPI=jl(),bA.insertStyleElement=Zl();Fl()(yA.A,bA);yA.A&&yA.A.locals&&yA.A.locals;var LA=a(99197),EA={};EA.styleTagTransform=Kl(),EA.setAttributes=Yl(),EA.insert=ql().bind(null,"head"),EA.domAPI=jl(),EA.insertStyleElement=Zl();Fl()(LA.A,EA);LA.A&&LA.A.locals&&LA.A.locals;const wA=function(e){var t=e.anchorSelect,n=e.place,r=e.title;return l.createElement(gA,{className:"basic-tooltip",anchorSelect:t,place:n},r)};const zA=function(e){var t=e.className,n=void 0===t?{}:t,r=e.fill;return l.createElement("svg",{width:"12",className:n,height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("g",{clipPath:"url(#clip0_1555_2219)"},l.createElement("path",{d:"M6.80169 8.45472C6.67902 8.46615 6.55586 8.43847 6.44987 8.37562C6.37243 8.29612 6.33531 8.18575 6.34897 8.07562C6.35183 7.98393 6.36278 7.89266 6.38169 7.8029C6.4 7.69991 6.42364 7.59796 6.45259 7.49744L6.77441 6.39015C6.8076 6.28087 6.82954 6.16846 6.83987 6.05469C6.83987 5.93197 6.85623 5.84741 6.85623 5.79833C6.86307 5.57959 6.76968 5.36969 6.60259 5.22833C6.39707 5.07055 6.14113 4.993 5.88259 5.01015C5.69732 5.01294 5.51347 5.04327 5.33713 5.10015C5.1444 5.16015 4.94167 5.23197 4.72895 5.31562L4.63623 5.67561C4.69895 5.65379 4.77533 5.62926 4.86259 5.60197C4.94584 5.57732 5.03214 5.56445 5.11895 5.56379C5.24073 5.5506 5.36331 5.58051 5.46531 5.64833C5.53459 5.731 5.5671 5.83839 5.55531 5.94562C5.555 6.03733 5.54495 6.12876 5.52531 6.21833C5.50621 6.3138 5.48167 6.41469 5.45167 6.52105L5.12713 7.63377C5.10097 7.7372 5.08004 7.84187 5.06441 7.94741C5.05166 8.03776 5.04529 8.12889 5.04531 8.22013C5.04397 8.44037 5.14468 8.64883 5.31803 8.78467C5.52672 8.94491 5.78631 9.02434 6.04893 9.00831C6.23385 9.01211 6.41814 8.98539 6.59439 8.92921C6.74893 8.87647 6.9553 8.80103 7.21349 8.70285L7.30077 8.35921C7.23083 8.38822 7.15881 8.41192 7.08531 8.43011C6.99236 8.45134 6.89692 8.45959 6.80169 8.45472Z",fill:r}),l.createElement("path",{d:"M7.14277 3.20479C6.99434 3.06848 6.79878 2.99514 6.59731 3.00025C6.39596 2.9957 6.20059 3.06897 6.05185 3.20479C5.77923 3.43987 5.74878 3.85145 5.98388 4.1241C6.00484 4.14841 6.02755 4.17112 6.05185 4.19207C6.36244 4.46988 6.83218 4.46988 7.14275 4.19207C7.41537 3.95467 7.44394 3.54123 7.20655 3.26861C7.18681 3.2459 7.16548 3.22457 7.14277 3.20479Z",fill:r}),l.createElement("path",{d:"M6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0ZM6 11.4545C2.98753 11.4545 0.545461 9.01247 0.545461 6C0.545461 2.98753 2.98753 0.545461 6 0.545461C9.01247 0.545461 11.4545 2.98753 11.4545 6C11.4545 9.01247 9.01247 11.4545 6 11.4545Z",fill:r})),l.createElement("defs",null,l.createElement("clipPath",{id:"clip0_1555_2219"},l.createElement("rect",{width:"12",height:"12",fill:"white"}))))};const MA=function(e){var t=e.className,n=void 0===t?{}:t;return l.createElement("svg",{width:"19",className:n,height:"19",viewBox:"0 0 19 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("path",{d:"M3.5 15.025H3.975V15.5C3.975 16.1697 4.24103 16.8119 4.71456 17.2854C5.18809 17.759 5.83033 18.025 6.5 18.025H15.5C16.1697 18.025 16.8119 17.759 17.2854 17.2854C17.759 16.8119 18.025 16.1697 18.025 15.5V6.5C18.025 5.83033 17.759 5.18809 17.2854 4.71456C16.8119 4.24103 16.1697 3.975 15.5 3.975H15.025V3.5C15.025 2.83033 14.759 2.18808 14.2854 1.71456C13.8119 1.24103 13.1697 0.975 12.5 0.975H3.5C2.83033 0.975 2.18808 1.24103 1.71456 1.71456C1.24103 2.18808 0.975 2.83033 0.975 3.5V12.5C0.975 13.1697 1.24103 13.8119 1.71456 14.2854C2.18808 14.759 2.83033 15.025 3.5 15.025ZM15.5 5.025C15.8912 5.025 16.2664 5.1804 16.543 5.45702C16.8196 5.73363 16.975 6.10881 16.975 6.5V15.5C16.975 15.8912 16.8196 16.2664 16.543 16.543C16.2664 16.8196 15.8912 16.975 15.5 16.975H6.5C6.10881 16.975 5.73363 16.8196 5.45702 16.543C5.1804 16.2664 5.025 15.8912 5.025 15.5V15.025H12.5C13.1697 15.025 13.8119 14.759 14.2854 14.2854C14.759 13.8119 15.025 13.1697 15.025 12.5V5.025H15.5ZM2.025 3.5C2.025 3.10881 2.1804 2.73363 2.45702 2.45702C2.73363 2.1804 3.10881 2.025 3.5 2.025H12.5C12.8912 2.025 13.2664 2.1804 13.543 2.45702C13.8196 2.73363 13.975 3.10881 13.975 3.5V12.5C13.975 12.8912 13.8196 13.2664 13.543 13.543C13.2664 13.8196 12.8912 13.975 12.5 13.975H3.5C3.10881 13.975 2.73363 13.8196 2.45702 13.543C2.1804 13.2664 2.025 12.8912 2.025 12.5V3.5Z",fill:"",stroke:"",strokeWidth:"0.05"}))};const SA=function(e){var t=e.fill;return l.createElement("svg",{width:"23",height:"23",viewBox:"0 0 23 23",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("path",{d:"M20.3047 5.21094H18.5078C18.0116 5.21094 17.6094 5.61317 17.6094 6.10938C17.6094 6.60558 18.0116 7.00781 18.5078 7.00781H20.3047C20.8001 7.00781 21.2031 7.41085 21.2031 7.90625V15.0938C21.2031 15.5891 20.8001 15.9922 20.3047 15.9922H18.5078C18.0116 15.9922 17.6094 16.3944 17.6094 16.8906C17.6094 17.3868 18.0116 17.7891 18.5078 17.7891H20.3047C21.7909 17.7891 23 16.5799 23 15.0938V7.90625C23 6.42005 21.7909 5.21094 20.3047 5.21094Z",fill:t}),l.createElement("path",{d:"M4.49219 10.6016H5.39062V13.2969C5.39062 13.7931 5.79286 14.1953 6.28906 14.1953C6.78527 14.1953 7.1875 13.7931 7.1875 13.2969V10.6016H8.08594C8.58214 10.6016 8.98438 10.1993 8.98438 9.70312C8.98438 9.20692 8.58214 8.80469 8.08594 8.80469H4.49219C3.99598 8.80469 3.59375 9.20692 3.59375 9.70312C3.59375 10.1993 3.99598 10.6016 4.49219 10.6016Z",fill:t}),l.createElement("path",{d:"M2.69531 17.7891H14.0156V19.5859H13.1172C12.621 19.5859 12.2188 19.9882 12.2188 20.4844C12.2188 20.9806 12.621 21.3828 13.1172 21.3828H16.7109C17.2071 21.3828 17.6094 20.9806 17.6094 20.4844C17.6094 19.9882 17.2071 19.5859 16.7109 19.5859H15.8125V3.41406H16.7109C17.2071 3.41406 17.6094 3.01183 17.6094 2.51562C17.6094 2.01942 17.2071 1.61719 16.7109 1.61719H13.1172C12.621 1.61719 12.2188 2.01942 12.2188 2.51562C12.2188 3.01183 12.621 3.41406 13.1172 3.41406H14.0156V5.21094H2.69531C1.20912 5.21094 0 6.42005 0 7.90625V15.0938C0 16.5799 1.20912 17.7891 2.69531 17.7891ZM1.79688 7.90625C1.79688 7.41085 2.19991 7.00781 2.69531 7.00781H14.0156V15.9922H2.69531C2.19991 15.9922 1.79688 15.5891 1.79688 15.0938V7.90625Z",fill:t}))};var HA=a(17528),RA={};RA.styleTagTransform=Kl(),RA.setAttributes=Yl(),RA.insert=ql().bind(null,"head"),RA.domAPI=jl(),RA.insertStyleElement=Zl();Fl()(HA.A,RA);HA.A&&HA.A.locals&&HA.A.locals;function VA(e){return VA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},VA(e)}function xA(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */xA=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",l=o.asyncIterator||"@@asyncIterator",s=o.toStringTag||"@@toStringTag";function c(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var o=t&&t.prototype instanceof m?t:m,i=Object.create(o.prototype),l=new V(r||[]);return a(i,"_invoke",{value:M(e,n,l)}),i}function d(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var f="suspendedStart",h="suspendedYield",p="executing",C="completed",A={};function m(){}function v(){}function g(){}var y={};c(y,i,(function(){return this}));var b=Object.getPrototypeOf,L=b&&b(b(x([])));L&&L!==n&&r.call(L,i)&&(y=L);var E=g.prototype=m.prototype=Object.create(y);function w(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function z(e,t){function n(a,o,i,l){var s=d(e[a],e,o);if("throw"!==s.type){var c=s.arg,u=c.value;return u&&"object"==VA(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,i,l)}),(function(e){n("throw",e,i,l)})):t.resolve(u).then((function(e){c.value=e,i(c)}),(function(e){return n("throw",e,i,l)}))}l(s.arg)}var o;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return o=o?o.then(a,a):a()}})}function M(t,n,r){var a=f;return function(o,i){if(a===p)throw Error("Generator is already running");if(a===C){if("throw"===o)throw i;return{value:e,done:!0}}for(r.method=o,r.arg=i;;){var l=r.delegate;if(l){var s=S(l,r);if(s){if(s===A)continue;return s}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===f)throw a=C,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=p;var c=d(t,n,r);if("normal"===c.type){if(a=r.done?C:h,c.arg===A)continue;return{value:c.arg,done:r.done}}"throw"===c.type&&(a=C,r.method="throw",r.arg=c.arg)}}}function S(t,n){var r=n.method,a=t.iterator[r];if(a===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,S(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),A;var o=d(a,t.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,A;var i=o.arg;return i?i.done?(n[t.resultName]=i.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,A):i:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,A)}function H(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function R(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function V(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(H,this),this.reset(!0)}function x(t){if(t||""===t){var n=t[i];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,o=function n(){for(;++a<t.length;)if(r.call(t,a))return n.value=t[a],n.done=!1,n;return n.value=e,n.done=!0,n};return o.next=o}}throw new TypeError(VA(t)+" is not iterable")}return v.prototype=g,a(E,"constructor",{value:g,configurable:!0}),a(g,"constructor",{value:v,configurable:!0}),v.displayName=c(g,s,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,g):(e.__proto__=g,c(e,s,"GeneratorFunction")),e.prototype=Object.create(E),e},t.awrap=function(e){return{__await:e}},w(z.prototype),c(z.prototype,l,(function(){return this})),t.AsyncIterator=z,t.async=function(e,n,r,a,o){void 0===o&&(o=Promise);var i=new z(u(e,n,r,a),o);return t.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},w(E),c(E,s,"Generator"),c(E,i,(function(){return this})),c(E,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=x,V.prototype={constructor:V,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(R),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function a(r,a){return l.type="throw",l.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],l=i.completion;if("root"===i.tryLoc)return a("end");if(i.tryLoc<=this.prev){var s=r.call(i,"catchLoc"),c=r.call(i,"finallyLoc");if(s&&c){if(this.prev<i.catchLoc)return a(i.catchLoc,!0);if(this.prev<i.finallyLoc)return a(i.finallyLoc)}else if(s){if(this.prev<i.catchLoc)return a(i.catchLoc,!0)}else{if(!c)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return a(i.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,A):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),A},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),R(n),A}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;R(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:x(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),A}},t}function TA(e,t,n,r,a,o,i){try{var l=e[o](i),s=l.value}catch(e){return void n(e)}l.done?t(s):Promise.resolve(s).then(r,a)}function NA(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return OA(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?OA(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function OA(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function PA(){return PA=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},PA.apply(null,arguments)}var DA={backgroundColor:"transparent"},kA={name:"Fields",Tab:(0,SC.observer)((function(e){return l.createElement(MC.SectionTab,PA({name:"Fields"},e),l.createElement(SA,{fill:"var(--text-color)"}))})),Panel:(0,SC.observer)((function(e){var t=e.store,n=e.onGetCustomFields,r=NA((0,l.useState)(!1),2),a=(r[0],r[1]),o=lt(),i=Ke((function(e){return e.customFields.customFields})),s=Ke((function(e){return e.customFields.defaultDynamicFields})),c=Ke((function(e){return e.templates.product})),u=null==c?void 0:c.productType,d=function(){var e=function(e){return function(){var t=this,n=arguments;return new Promise((function(r,a){var o=e.apply(t,n);function i(e){TA(o,r,a,i,l,"next",e)}function l(e){TA(o,r,a,i,l,"throw",e)}i(void 0)}))}}(xA().mark((function e(){var t;return xA().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!n){e.next=5;break}return e.next=3,n();case 3:null!=(t=e.sent)&&t.length&&o({type:hr,payload:t});case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();(0,l.useEffect)((function(){d()}),[]);var f=function(e){if("Real Penned Letter"===u){var t=e.replace(/{{/g,"((").replace(/}}/g,"))");Gr(t),o(Ih("".concat(t," Copied")))}else Gr(e),o(Ih("".concat(e," Copied")))},h=function(e,n,r){var a,o;if(e.preventDefault(),"Real Penned Letter"!==u){var i,l;if("drag"===r){var s=e.currentTarget.getBoundingClientRect();i=e.clientX-s.left,l=e.clientY-s.top}else i=t.width/2-200,l=300;i/=null==t||null===(a=t.activePage)||void 0===a?void 0:a.scale,l/=null==t||null===(o=t.activePage)||void 0===o?void 0:o.scale,t.activePage.addElement({type:"text",x:i,y:l,text:n,width:n.length>15?10*n.length:150,contentEditable:!1})}else f(n)};return l.createElement("div",{className:"dynamic-content"},l.createElement("div",{className:"dynamic-content__top"},l.createElement("div",null,l.createElement("span",{className:"title"},"Contact Fields"),l.createElement(zA,{fill:"var(--primary-color)",className:"infoIcon"}),l.createElement(wA,{anchorSelect:".infoIcon",place:"bottom",title:"Merge fields allow you to personalize your mailer with contact information."}))),s.map((function(e,t){var n=e.key,r=e.value;return l.createElement("div",{style:{display:"flex",alignItems:"center"},key:t},l.createElement("span",{className:"contact-element",onClick:function(e){return h(e,n,"click")}},r),l.createElement(ns,{style:DA,onClick:function(){return f(n)},backdrop:!1},l.createElement(MA,{className:"copy"})))})),l.createElement(wA,{anchorSelect:".copy",place:"bottom",title:"Copy"}),n&&l.createElement(l.Fragment,null,l.createElement("hr",{className:"divider"}),l.createElement("div",{className:"dynamic-content__top"},l.createElement("div",null,l.createElement("span",{className:"title"},"Custom Fields"),l.createElement(zA,{fill:"var(--primary-color)",className:"custom"}),l.createElement(wA,{anchorSelect:".custom",place:"bottom",title:"You can add custom fields to your template."})),l.createElement(ns,{onClick:function(){a((function(e){return!e}))}})),null==i?void 0:i.map((function(e,t){var n=e.key,r=e.value;return l.createElement("div",{style:{display:"flex",alignItems:"center"},key:t},l.createElement("span",{className:"contact-element",onClick:function(e){return h(e,n,"click")}},r),l.createElement(ns,{style:DA,onClick:function(){return f(n)}},l.createElement(MA,{className:"copy"})))}))))}))};const BA=kA;function IA(e){return IA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},IA(e)}function FA(){return FA=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},FA.apply(null,arguments)}function GA(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function jA(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?GA(Object(n),!0).forEach((function(t){UA(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):GA(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function UA(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=IA(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=IA(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==IA(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function qA(e){return function(e){if(Array.isArray(e))return WA(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return WA(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?WA(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function WA(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}const YA=function(e){var t="Real Penned Letter"===e.currentTemplateType?MC.DEFAULT_SECTIONS.filter((function(e){return""===e.name})):MC.DEFAULT_SECTIONS.filter((function(e){return!["photos","size","templates"].includes(e.name)}));return l.createElement(Lp.SidePanelWrap,null,l.createElement(MC.SidePanel,{store:e.store,sections:[].concat(qA("Real Penned Letter"!==e.currentTemplateType?[jA(jA({},KC),{},{Panel:function(t){return l.createElement(KC.Panel,FA({},t,{platformName:e.platformName,defaultCategory:e.defaultCategory,onGetTemplates:e.onGetTemplates,onGetOneTemplate:e.onGetOneTemplate}))}})]:[]),qA(t),[jA(jA({},BA),{},{Panel:function(t){return l.createElement(BA.Panel,FA({},t,{onGetCustomFields:e.onGetCustomFields}))}})]),defaultSection:"text"}))};var QA=a(22995),ZA={};ZA.styleTagTransform=Kl(),ZA.setAttributes=Yl(),ZA.insert=ql().bind(null,"head"),ZA.domAPI=jl(),ZA.insertStyleElement=Zl();Fl()(QA.A,ZA);QA.A&&QA.A.locals&&QA.A.locals;function XA(e){return XA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},XA(e)}function KA(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */KA=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",l=o.asyncIterator||"@@asyncIterator",s=o.toStringTag||"@@toStringTag";function c(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var o=t&&t.prototype instanceof m?t:m,i=Object.create(o.prototype),l=new V(r||[]);return a(i,"_invoke",{value:M(e,n,l)}),i}function d(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var f="suspendedStart",h="suspendedYield",p="executing",C="completed",A={};function m(){}function v(){}function g(){}var y={};c(y,i,(function(){return this}));var b=Object.getPrototypeOf,L=b&&b(b(x([])));L&&L!==n&&r.call(L,i)&&(y=L);var E=g.prototype=m.prototype=Object.create(y);function w(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function z(e,t){function n(a,o,i,l){var s=d(e[a],e,o);if("throw"!==s.type){var c=s.arg,u=c.value;return u&&"object"==XA(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,i,l)}),(function(e){n("throw",e,i,l)})):t.resolve(u).then((function(e){c.value=e,i(c)}),(function(e){return n("throw",e,i,l)}))}l(s.arg)}var o;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return o=o?o.then(a,a):a()}})}function M(t,n,r){var a=f;return function(o,i){if(a===p)throw Error("Generator is already running");if(a===C){if("throw"===o)throw i;return{value:e,done:!0}}for(r.method=o,r.arg=i;;){var l=r.delegate;if(l){var s=S(l,r);if(s){if(s===A)continue;return s}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===f)throw a=C,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=p;var c=d(t,n,r);if("normal"===c.type){if(a=r.done?C:h,c.arg===A)continue;return{value:c.arg,done:r.done}}"throw"===c.type&&(a=C,r.method="throw",r.arg=c.arg)}}}function S(t,n){var r=n.method,a=t.iterator[r];if(a===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,S(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),A;var o=d(a,t.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,A;var i=o.arg;return i?i.done?(n[t.resultName]=i.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,A):i:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,A)}function H(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function R(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function V(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(H,this),this.reset(!0)}function x(t){if(t||""===t){var n=t[i];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,o=function n(){for(;++a<t.length;)if(r.call(t,a))return n.value=t[a],n.done=!1,n;return n.value=e,n.done=!0,n};return o.next=o}}throw new TypeError(XA(t)+" is not iterable")}return v.prototype=g,a(E,"constructor",{value:g,configurable:!0}),a(g,"constructor",{value:v,configurable:!0}),v.displayName=c(g,s,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,g):(e.__proto__=g,c(e,s,"GeneratorFunction")),e.prototype=Object.create(E),e},t.awrap=function(e){return{__await:e}},w(z.prototype),c(z.prototype,l,(function(){return this})),t.AsyncIterator=z,t.async=function(e,n,r,a,o){void 0===o&&(o=Promise);var i=new z(u(e,n,r,a),o);return t.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},w(E),c(E,s,"Generator"),c(E,i,(function(){return this})),c(E,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=x,V.prototype={constructor:V,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(R),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function a(r,a){return l.type="throw",l.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],l=i.completion;if("root"===i.tryLoc)return a("end");if(i.tryLoc<=this.prev){var s=r.call(i,"catchLoc"),c=r.call(i,"finallyLoc");if(s&&c){if(this.prev<i.catchLoc)return a(i.catchLoc,!0);if(this.prev<i.finallyLoc)return a(i.finallyLoc)}else if(s){if(this.prev<i.catchLoc)return a(i.catchLoc,!0)}else{if(!c)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return a(i.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,A):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),A},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),R(n),A}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;R(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:x(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),A}},t}function JA(e,t,n,r,a,o,i){try{var l=e[o](i),s=l.value}catch(e){return void n(e)}l.done?t(s):Promise.resolve(s).then(r,a)}function _A(e){return function(){var t=this,n=arguments;return new Promise((function(r,a){var o=e.apply(t,n);function i(e){JA(o,r,a,i,l,"next",e)}function l(e){JA(o,r,a,i,l,"throw",e)}i(void 0)}))}}function $A(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return em(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?em(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function em(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}(0,Ep.Ut)(ha);const tm=function(e){var t=e.store,n=e.onReturnAndNavigate,r=e.platformName,a=e.defaultCategory,o=e.createTemplateRoute,i=e.olcTemplate,s=e.onGetOneTemplate,c=e.onGetCustomFields,u=e.onGetTemplates,d=e.onSubmit,f=$A((0,l.useState)(!1),2),h=f[0],p=f[1],C=$A((0,l.useState)(1),2),A=C[0],m=C[1],v=ie().id,g=lt(),y=oe(),b=Ke((function(e){return e.templates.template})),L=Ke((function(e){return e.templates.product})),E=Ke((function(e){return e.templates.envelopeType})),w=null==L?void 0:L.productType;(0,l.useEffect)((function(){i&&H()}),[i]),(0,l.useEffect)((function(){var e=function(){document.hidden&&m((function(e){return e+1}))};return document.addEventListener("visibilitychange",e),function(){document.removeEventListener("visibilitychange",e)}}),[]),(0,l.useEffect)((function(){L||i||v||y(o||"/create-template")}),[]),(0,l.useEffect)((function(){if(L||v&&s){if((0,Ep.O3)(Hp),v&&s)try{s(v).then((function(e){e?(g({type:ar,payload:{data:e}}),g({type:or,payload:!0})):(g(Fh("Unable to load the Template")),setTimeout((function(){y(o||"/create-template")}),1e3))}))}catch(e){return e}else 0!==t.pages.length||i||M();z();var e=t.on("change",(function(){h||p(!0)}));return function(){t.history.clear(),t.clear(),e()}}}),[]),(0,l.useEffect)((function(){v||i||!L||0!==t.pages.length||M()}),[L]),(0,l.useEffect)((function(){var e=function(e){var t="Are you sure you want to leave?";return e.returnValue=t,t};return h&&(window.removeEventListener("beforeunload",e),window.addEventListener("beforeunload",e)),function(){window.removeEventListener("beforeunload",e)}}),[h]);var z=function(){var e=_A(KA().mark((function e(){var t;return KA().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!c){e.next=5;break}return e.next=3,c();case 3:null!=(t=e.sent)&&t.length&&g({type:hr,payload:t});case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),M=function(){var e=_A(KA().mark((function e(){var n,r;return KA().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:L&&(t.addPage(),r=null==L||null===(n=L.selectedSize)||void 0===n?void 0:n.split("x"),t.setUnit({unit:"in",dpi:Nr}),t.setSize(+r[1]*Nr,+r[0]*Nr),Pr.includes(L.productType)&&(t.addPage(),t.selectPage(t.pages[0].id)),xa(t,L,E),"Real Penned Letter"===w&&S(),t.history.clear()),p(!1);case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),S=function(){var e=_A(KA().mark((function e(){var n,r,a;return KA().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,t.addFont({fontFamily:"lexi Regular",url:Rp}),Sp(t),e.next=5,fetch(Rp);case 5:return n=e.sent,e.next=8,n.blob();case 8:r=e.sent,(a=new FileReader).onloadend=function(){t.addFont({fontFamily:"lexi Regular",url:a.result})},a.readAsDataURL(r),e.next=17;break;case 14:e.prev=14,e.t0=e.catch(0),console.error("Error loading the font file:",e.t0);case 17:case"end":return e.stop()}}),e,null,[[0,14]])})));return function(){return e.apply(this,arguments)}}(),H=function(){var e=_A(KA().mark((function e(){var n,r,a,o,l,s,c;return KA().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(n=i)){e.next=18;break}return g({type:ar,payload:{data:n}}),(o=document.querySelector(".polotno-workspace-container"))&&o.classList.add("show-loader"),l=null==n||null===(r=n.product)||void 0===r?void 0:r.paperSize.split("x"),t.setUnit({unit:"in",dpi:96}),t.setSize(+l[1]*Nr,+l[0]*Nr),e.next=10,Sa(null==n?void 0:n.templateUrl);case 10:return s=e.sent,"Real Penned Letter"===(null==b||null===(a=b.product)||void 0===a?void 0:a.productType)&&(c=JSON.stringify(s).replace(/{{/g,"((").replace(/}}/g,"))"),s=JSON.parse(c)),t.loadJSON(s),e.next=15,t.waitLoading();case 15:p(!1),g({type:or,payload:!1}),o&&o.classList.add("hide-loader");case 18:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return l.createElement(l.Fragment,null,l.createElement($l,{className:"hideTemplateBuilder"},va),l.createElement("div",{className:"polotno-container"},A>0&&l.createElement("div",{className:"builder-wrapper"},l.createElement(zC,{store:t,isStoreUpdated:h,olcTemplate:i,onReturnAndNavigate:n,onSubmit:d}),l.createElement(Lp.PolotnoContainer,{style:{width:"100vw",height:"90vh",position:"relative"}},l.createElement(YA,{store:t,currentTemplateType:w,platformName:r,defaultCategory:a,onGetTemplates:u,onGetOneTemplate:s,onGetCustomFields:c}),l.createElement(Lp.WorkspaceWrap,null,"Real Penned Letter"!==w&&l.createElement(wp.Toolbar,{store:t,downloadButtonEnabled:!1}),"Real Penned Letter"!==w?l.createElement(Mp.Workspace,{store:t,pageControlsEnabled:!1}):l.createElement(Mp.Workspace,{store:t,pageControlsEnabled:!1,components:{Tooltip:function(){return null}}}),l.createElement(zp.ZoomButtons,{store:t}))),l.createElement(qh,null))))};var nm,rm;function am(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function om(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return im(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?im(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function im(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var lm=function(e){return(0,Tr.createStore)({key:e,showCredit:!1})};const sm=function(e){var t,n=e.secretKey,r=e.onReturnAndNavigate,a=e.platformName,o=e.defaultCategory,i=e.createTemplateRoute,s=e.templateBuilderRoute,c=e.styles,u=e.olcTemplate,d=e.onGetOneTemplate,f=e.onGetCustomFields,h=e.onGetTemplates,p=e.onSubmit,C=om((0,l.useState)(lm(n)),2),A=C[0],m=C[1],v=null===(t=window)||void 0===t||null===(t=t.location)||void 0===t?void 0:t.pathname;(0,l.useEffect)((function(){if(v===i||"/create-template"===v){var e=lm(n);m(e)}}),[v]);var g=c&&Object.keys(c).length?Sl(nm||(nm=am(["\n        :root {\n        ","\n          }\n        "])),c?Object.entries(c.root).map((function(e){var t=om(e,2),n=t[0],r=t[1];return"".concat(n,": ").concat(r,";")})).join(" "):""):Sl(rm||(rm=am(["<></>"])));return l.createElement("div",{className:"builder-wrapper"},l.createElement(g,null),l.createElement(Le,null,l.createElement(ye,{path:i||"/create-template",element:l.createElement(bp,{onReturnAndNavigate:r,createTemplateRoute:i,templateBuilderRoute:s})}),l.createElement(ye,{path:s||"/template-builder/:id?",element:l.createElement(tm,{store:A,olcTemplate:u,platformName:a,defaultCategory:o,onReturnAndNavigate:r,createTemplateRoute:i,onGetOneTemplate:d,onGetTemplates:h,onGetCustomFields:f,onSubmit:p})})))};var cm=a(10002),um={};um.styleTagTransform=Kl(),um.setAttributes=Yl(),um.insert=ql().bind(null,"head"),um.domAPI=jl(),um.insertStyleElement=Zl();Fl()(cm.A,um);cm.A&&cm.A.locals&&cm.A.locals;var dm=a(75487),fm={};fm.styleTagTransform=Kl(),fm.setAttributes=Yl(),fm.insert=ql().bind(null,"head"),fm.domAPI=jl(),fm.insertStyleElement=Zl();Fl()(dm.A,fm);dm.A&&dm.A.locals&&dm.A.locals;var hm=a(88498),pm={};pm.styleTagTransform=Kl(),pm.setAttributes=Yl(),pm.insert=ql().bind(null,"head"),pm.domAPI=jl(),pm.insertStyleElement=Zl();Fl()(hm.A,pm);hm.A&&hm.A.locals&&hm.A.locals;var Cm=a(60137),Am={};Am.styleTagTransform=Kl(),Am.setAttributes=Yl(),Am.insert=ql().bind(null,"head"),Am.domAPI=jl(),Am.insertStyleElement=Zl();Fl()(Cm.A,Am);Cm.A&&Cm.A.locals&&Cm.A.locals;var mm=a(72804),vm={};vm.styleTagTransform=Kl(),vm.setAttributes=Yl(),vm.insert=ql().bind(null,"head"),vm.domAPI=jl(),vm.insertStyleElement=Zl();Fl()(mm.A,vm);mm.A&&mm.A.locals&&mm.A.locals;const gm=function(e){var t=e.container,n=e.secretKey,r=e.basicAuthUsername,a=e.basicAuthPassword,o=e.platformName,i=e.createTemplateRoute,s=e.templateBuilderRoute,u=e.olcTemplate,d=e.defaultCategory,f=e.sandbox,h=e.onReturnAndNavigate,p=e.onGetOneTemplate,C=e.onGetTemplates,A=e.onGetCustomFields,m=e.onSubmit,v=e.styles;if(!t)throw new Error("Root element not found");if(!n)throw new Error("secretKey not found");if(!r)throw new Error("basicAuthUsername not found");if(!a)throw new Error("basicAuthPassword not found");f&&function(e){Fr=e}(f),jr(r),Ur(a),c.createRoot(t).render(l.createElement(l.Fragment,null,l.createElement(rt,{store:xr},l.createElement(Ve,null,l.createElement(sm,{secretKey:n,styles:v,olcTemplate:u,platformName:o,defaultCategory:d,createTemplateRoute:i,templateBuilderRoute:s,onReturnAndNavigate:h,onGetOneTemplate:p,onGetTemplates:C,onGetCustomFields:A,onSubmit:m})))))};var ym=o.A;export{ym as default};
+const _C="react-tooltip-core-styles",$C="react-tooltip-base-styles",eA={core:!1,base:!1};function tA({css:e,id:t=$C,type:n="base",ref:r}){var a,o;if(!e||"undefined"==typeof document||eA[n])return;if("core"===n&&"undefined"!=typeof process&&(null===(a=null===process||void 0===process?void 0:process.env)||void 0===a?void 0:a.REACT_TOOLTIP_DISABLE_CORE_STYLES))return;if("base"!==n&&"undefined"!=typeof process&&(null===(o=null===process||void 0===process?void 0:process.env)||void 0===o?void 0:o.REACT_TOOLTIP_DISABLE_BASE_STYLES))return;"core"===n&&(t=_C),r||(r={});const{insertAt:i}=r;if(document.getElementById(t))return;const l=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.id=t,s.type="text/css","top"===i&&l.firstChild?l.insertBefore(s,l.firstChild):l.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e)),eA[n]=!0}const nA=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:r="top",offset:a=10,strategy:o="absolute",middlewares:i=[Ou(Number(a)),Du({fallbackAxisSideDirection:"start"}),Pu({padding:5})],border:l})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};const s=i;return n?(s.push(ku({element:n,padding:5})),Bu(e,t,{placement:r,strategy:o,middleware:s}).then((({x:e,y:t,placement:n,middlewareData:r})=>{var a,o;const i={left:`${e}px`,top:`${t}px`,border:l},{x:s,y:c}=null!==(a=r.arrow)&&void 0!==a?a:{x:0,y:0},u=null!==(o={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]])&&void 0!==o?o:"bottom",d=l&&{borderBottom:l,borderRight:l};let f=0;if(l){const e=`${l}`.match(/(\d+)px/);f=(null==e?void 0:e[1])?Number(e[1]):1}return{tooltipStyles:i,tooltipArrowStyles:{left:null!=s?`${s}px`:"",top:null!=c?`${c}px`:"",right:"",bottom:"",...d,[u]:`-${4+f}px`},place:n}}))):Bu(e,t,{placement:"bottom",strategy:o,middleware:s}).then((({x:e,y:t,placement:n})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:n})))},rA=(e,t)=>!("CSS"in window&&"supports"in window.CSS)||window.CSS.supports(e,t),aA=(e,t,n)=>{let r=null;const a=function(...a){const o=()=>{r=null,n||e.apply(this,a)};n&&!r&&(e.apply(this,a),r=setTimeout(o,t)),n||(r&&clearTimeout(r),r=setTimeout(o,t))};return a.cancel=()=>{r&&(clearTimeout(r),r=null)},a},oA=e=>null!==e&&!Array.isArray(e)&&"object"==typeof e,iA=(e,t)=>{if(e===t)return!0;if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&e.every(((e,n)=>iA(e,t[n])));if(Array.isArray(e)!==Array.isArray(t))return!1;if(!oA(e)||!oA(t))return e===t;const n=Object.keys(e),r=Object.keys(t);return n.length===r.length&&n.every((n=>iA(e[n],t[n])))},lA=e=>{if(!(e instanceof HTMLElement||e instanceof SVGElement))return!1;const t=getComputedStyle(e);return["overflow","overflow-x","overflow-y"].some((e=>{const n=t.getPropertyValue(e);return"auto"===n||"scroll"===n}))},sA=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(lA(t))return t;t=t.parentElement}return document.scrollingElement||document.documentElement},cA="undefined"!=typeof window?l.useLayoutEffect:l.useEffect,uA=e=>{e.current&&(clearTimeout(e.current),e.current=null)},dA="DEFAULT_TOOLTIP_ID",fA={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},hA=(0,l.createContext)({getTooltipData:()=>fA});function pA(e=dA){return(0,l.useContext)(hA).getTooltipData(e)}var CA={tooltip:"core-styles-module_tooltip__3vRRp",fixed:"core-styles-module_fixed__pcSol",arrow:"core-styles-module_arrow__cvMwQ",noArrow:"core-styles-module_noArrow__xock6",clickable:"core-styles-module_clickable__ZuTTB",show:"core-styles-module_show__Nt9eE",closing:"core-styles-module_closing__sGnxF"},AA={tooltip:"styles-module_tooltip__mnnfp",arrow:"styles-module_arrow__K0L3T",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const mA=({forwardRef:e,id:t,className:n,classNameArrow:r,variant:a="dark",anchorId:o,anchorSelect:i,place:s="top",offset:c=10,events:u=["hover"],openOnClick:d=!1,positionStrategy:f="absolute",middlewares:h,wrapper:p,delayShow:C=0,delayHide:A=0,float:m=!1,hidden:v=!1,noArrow:g=!1,clickable:y=!1,closeOnEsc:b=!1,closeOnScroll:L=!1,closeOnResize:E=!1,openEvents:w,closeEvents:z,globalCloseEvents:M,imperativeModeOnly:S,style:H,position:R,afterShow:V,afterHide:x,disableTooltip:T,content:N,contentWrapperRef:O,isOpen:P,defaultIsOpen:D=!1,setIsOpen:k,activeAnchor:B,setActiveAnchor:I,border:F,opacity:G,arrowColor:j,role:U="tooltip"})=>{var q;const W=(0,l.useRef)(null),Y=(0,l.useRef)(null),Q=(0,l.useRef)(null),Z=(0,l.useRef)(null),X=(0,l.useRef)(null),[K,J]=(0,l.useState)({tooltipStyles:{},tooltipArrowStyles:{},place:s}),[_,$]=(0,l.useState)(!1),[ee,te]=(0,l.useState)(!1),[ne,re]=(0,l.useState)(null),ae=(0,l.useRef)(!1),oe=(0,l.useRef)(null),{anchorRefs:ie,setActiveAnchor:le}=pA(t),se=(0,l.useRef)(!1),[ce,ue]=(0,l.useState)([]),de=(0,l.useRef)(!1),fe=d||u.includes("click"),he=fe||(null==w?void 0:w.click)||(null==w?void 0:w.dblclick)||(null==w?void 0:w.mousedown),pe=w?{...w}:{mouseover:!0,focus:!0,mouseenter:!1,click:!1,dblclick:!1,mousedown:!1};!w&&fe&&Object.assign(pe,{mouseenter:!1,focus:!1,mouseover:!1,click:!0});const Ce=z?{...z}:{mouseout:!0,blur:!0,mouseleave:!1,click:!1,dblclick:!1,mouseup:!1};!z&&fe&&Object.assign(Ce,{mouseleave:!1,blur:!1,mouseout:!1});const Ae=M?{...M}:{escape:b||!1,scroll:L||!1,resize:E||!1,clickOutsideAnchor:he||!1};S&&(Object.assign(pe,{mouseenter:!1,focus:!1,click:!1,dblclick:!1,mousedown:!1}),Object.assign(Ce,{mouseleave:!1,blur:!1,click:!1,dblclick:!1,mouseup:!1}),Object.assign(Ae,{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:!1})),cA((()=>(de.current=!0,()=>{de.current=!1})),[]);const me=e=>{de.current&&(e&&te(!0),setTimeout((()=>{de.current&&(null==k||k(e),void 0===P&&$(e))}),10))};(0,l.useEffect)((()=>{if(void 0===P)return()=>null;P&&te(!0);const e=setTimeout((()=>{$(P)}),10);return()=>{clearTimeout(e)}}),[P]),(0,l.useEffect)((()=>{if(_!==ae.current)if(uA(X),ae.current=_,_)null==V||V();else{const e=(e=>{const t=getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay").match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const[,n,r]=t;return Number(n)*("ms"===r?1:1e3)})();X.current=setTimeout((()=>{te(!1),re(null),null==x||x()}),e+25)}}),[_]);const ve=e=>{J((t=>iA(t,e)?t:e))},ge=(e=C)=>{uA(Q),ee?me(!0):Q.current=setTimeout((()=>{me(!0)}),e)},ye=(e=A)=>{uA(Z),Z.current=setTimeout((()=>{se.current||me(!1)}),e)},be=e=>{var t;if(!e)return;const n=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;if(!(null==n?void 0:n.isConnected))return I(null),void le({current:null});C?ge():me(!0),I(n),le({current:n}),uA(Z)},Le=()=>{y?ye(A||100):A?ye():me(!1),uA(Q)},Ee=({x:e,y:t})=>{var n;const r={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};nA({place:null!==(n=null==ne?void 0:ne.place)&&void 0!==n?n:s,offset:c,elementReference:r,tooltipReference:W.current,tooltipArrowReference:Y.current,strategy:f,middlewares:h,border:F}).then((e=>{ve(e)}))},we=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};Ee(n),oe.current=n},ze=e=>{var t;if(!_)return;const n=e.target;n.isConnected&&((null===(t=W.current)||void 0===t?void 0:t.contains(n))||[document.querySelector(`[id='${o}']`),...ce].some((e=>null==e?void 0:e.contains(n)))||(me(!1),uA(Q)))},Me=aA(be,50,!0),Se=aA(Le,50,!0),He=e=>{Se.cancel(),Me(e)},Re=()=>{Me.cancel(),Se()},Ve=(0,l.useCallback)((()=>{var e,t;const n=null!==(e=null==ne?void 0:ne.position)&&void 0!==e?e:R;n?Ee(n):m?oe.current&&Ee(oe.current):(null==B?void 0:B.isConnected)&&nA({place:null!==(t=null==ne?void 0:ne.place)&&void 0!==t?t:s,offset:c,elementReference:B,tooltipReference:W.current,tooltipArrowReference:Y.current,strategy:f,middlewares:h,border:F}).then((e=>{de.current&&ve(e)}))}),[_,B,N,H,s,null==ne?void 0:ne.place,c,f,R,null==ne?void 0:ne.position,m]);(0,l.useEffect)((()=>{var e,t;const n=new Set(ie);ce.forEach((e=>{(null==T?void 0:T(e))||n.add({current:e})}));const r=document.querySelector(`[id='${o}']`);r&&!(null==T?void 0:T(r))&&n.add({current:r});const a=()=>{me(!1)},i=sA(B),l=sA(W.current);Ae.scroll&&(window.addEventListener("scroll",a),null==i||i.addEventListener("scroll",a),null==l||l.addEventListener("scroll",a));let s=null;Ae.resize?window.addEventListener("resize",a):B&&W.current&&(s=Nu(B,W.current,Ve,{ancestorResize:!0,elementResize:!0,layoutShift:!0}));const c=e=>{"Escape"===e.key&&me(!1)};Ae.escape&&window.addEventListener("keydown",c),Ae.clickOutsideAnchor&&window.addEventListener("click",ze);const u=[],d=e=>{_&&(null==e?void 0:e.target)===B||be(e)},f=e=>{_&&(null==e?void 0:e.target)===B&&Le()},h=["mouseover","mouseout","mouseenter","mouseleave","focus","blur"],p=["click","dblclick","mousedown","mouseup"];Object.entries(pe).forEach((([e,t])=>{t&&(h.includes(e)?u.push({event:e,listener:He}):p.includes(e)&&u.push({event:e,listener:d}))})),Object.entries(Ce).forEach((([e,t])=>{t&&(h.includes(e)?u.push({event:e,listener:Re}):p.includes(e)&&u.push({event:e,listener:f}))})),m&&u.push({event:"pointermove",listener:we});const C=()=>{se.current=!0},A=()=>{se.current=!1,Le()};return y&&!he&&(null===(e=W.current)||void 0===e||e.addEventListener("mouseenter",C),null===(t=W.current)||void 0===t||t.addEventListener("mouseleave",A)),u.forEach((({event:e,listener:t})=>{n.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.addEventListener(e,t)}))})),()=>{var e,t;Ae.scroll&&(window.removeEventListener("scroll",a),null==i||i.removeEventListener("scroll",a),null==l||l.removeEventListener("scroll",a)),Ae.resize?window.removeEventListener("resize",a):null==s||s(),Ae.clickOutsideAnchor&&window.removeEventListener("click",ze),Ae.escape&&window.removeEventListener("keydown",c),y&&!he&&(null===(e=W.current)||void 0===e||e.removeEventListener("mouseenter",C),null===(t=W.current)||void 0===t||t.removeEventListener("mouseleave",A)),u.forEach((({event:e,listener:t})=>{n.forEach((n=>{var r;null===(r=n.current)||void 0===r||r.removeEventListener(e,t)}))}))}}),[B,Ve,ee,ie,ce,w,z,M,fe,C,A]),(0,l.useEffect)((()=>{var e,n;let r=null!==(n=null!==(e=null==ne?void 0:ne.anchorSelect)&&void 0!==e?e:i)&&void 0!==n?n:"";!r&&t&&(r=`[data-tooltip-id='${t.replace(/'/g,"\\'")}']`);const a=new MutationObserver((e=>{const n=[],a=[];e.forEach((e=>{if("attributes"===e.type&&"data-tooltip-id"===e.attributeName&&(e.target.getAttribute("data-tooltip-id")===t?n.push(e.target):e.oldValue===t&&a.push(e.target)),"childList"===e.type){if(B){const t=[...e.removedNodes].filter((e=>1===e.nodeType));if(r)try{a.push(...t.filter((e=>e.matches(r)))),a.push(...t.flatMap((e=>[...e.querySelectorAll(r)])))}catch(e){}t.some((e=>{var t;return!!(null===(t=null==e?void 0:e.contains)||void 0===t?void 0:t.call(e,B))&&(te(!1),me(!1),I(null),uA(Q),uA(Z),!0)}))}if(r)try{const t=[...e.addedNodes].filter((e=>1===e.nodeType));n.push(...t.filter((e=>e.matches(r)))),n.push(...t.flatMap((e=>[...e.querySelectorAll(r)])))}catch(e){}}})),(n.length||a.length)&&ue((e=>[...e.filter((e=>!a.includes(e))),...n]))}));return a.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"],attributeOldValue:!0}),()=>{a.disconnect()}}),[t,i,null==ne?void 0:ne.anchorSelect,B]),(0,l.useEffect)((()=>{Ve()}),[Ve]),(0,l.useEffect)((()=>{if(!(null==O?void 0:O.current))return()=>null;const e=new ResizeObserver((()=>{setTimeout((()=>Ve()))}));return e.observe(O.current),()=>{e.disconnect()}}),[N,null==O?void 0:O.current]),(0,l.useEffect)((()=>{var e;const t=document.querySelector(`[id='${o}']`),n=[...ce,t];B&&n.includes(B)||I(null!==(e=ce[0])&&void 0!==e?e:t)}),[o,ce,B]),(0,l.useEffect)((()=>(D&&me(!0),()=>{uA(Q),uA(Z)})),[]),(0,l.useEffect)((()=>{var e;let n=null!==(e=null==ne?void 0:ne.anchorSelect)&&void 0!==e?e:i;if(!n&&t&&(n=`[data-tooltip-id='${t.replace(/'/g,"\\'")}']`),n)try{const e=Array.from(document.querySelectorAll(n));ue(e)}catch(e){ue([])}}),[t,i,null==ne?void 0:ne.anchorSelect]),(0,l.useEffect)((()=>{Q.current&&(uA(Q),ge(C))}),[C]);const xe=null!==(q=null==ne?void 0:ne.content)&&void 0!==q?q:N,Te=_&&Object.keys(K.tooltipStyles).length>0;return(0,l.useImperativeHandle)(e,(()=>({open:e=>{if(null==e?void 0:e.anchorSelect)try{document.querySelector(e.anchorSelect)}catch(t){return void console.warn(`[react-tooltip] "${e.anchorSelect}" is not a valid CSS selector`)}re(null!=e?e:null),(null==e?void 0:e.delay)?ge(e.delay):me(!0)},close:e=>{(null==e?void 0:e.delay)?ye(e.delay):me(!1)},activeAnchor:B,place:K.place,isOpen:Boolean(ee&&!v&&xe&&Te)}))),ee&&!v&&xe?l.createElement(p,{id:t,role:U,className:JC("react-tooltip",CA.tooltip,AA.tooltip,AA[a],n,`react-tooltip__place-${K.place}`,CA[Te?"show":"closing"],Te?"react-tooltip__show":"react-tooltip__closing","fixed"===f&&CA.fixed,y&&CA.clickable),onTransitionEnd:e=>{uA(X),_||"opacity"!==e.propertyName||(te(!1),re(null),null==x||x())},style:{...H,...K.tooltipStyles,opacity:void 0!==G&&Te?G:void 0},ref:W},xe,l.createElement(p,{className:JC("react-tooltip-arrow",CA.arrow,AA.arrow,r,g&&CA.noArrow),style:{...K.tooltipArrowStyles,background:j?`linear-gradient(to right bottom, transparent 50%, ${j} 50%)`:void 0},ref:Y})):null},vA=({content:e})=>l.createElement("span",{dangerouslySetInnerHTML:{__html:e}}),gA=l.forwardRef((({id:e,anchorId:t,anchorSelect:n,content:r,html:a,render:o,className:i,classNameArrow:s,variant:c="dark",place:u="top",offset:d=10,wrapper:f="div",children:h=null,events:p=["hover"],openOnClick:C=!1,positionStrategy:A="absolute",middlewares:m,delayShow:v=0,delayHide:g=0,float:y=!1,hidden:b=!1,noArrow:L=!1,clickable:E=!1,closeOnEsc:w=!1,closeOnScroll:z=!1,closeOnResize:M=!1,openEvents:S,closeEvents:H,globalCloseEvents:R,imperativeModeOnly:V=!1,style:x,position:T,isOpen:N,defaultIsOpen:O=!1,disableStyleInjection:P=!1,border:D,opacity:k,arrowColor:B,setIsOpen:I,afterShow:F,afterHide:G,disableTooltip:j,role:U="tooltip"},q)=>{const[W,Y]=(0,l.useState)(r),[Q,Z]=(0,l.useState)(a),[X,K]=(0,l.useState)(u),[J,_]=(0,l.useState)(c),[$,ee]=(0,l.useState)(d),[te,ne]=(0,l.useState)(v),[re,ae]=(0,l.useState)(g),[oe,ie]=(0,l.useState)(y),[le,se]=(0,l.useState)(b),[ce,ue]=(0,l.useState)(f),[de,fe]=(0,l.useState)(p),[he,pe]=(0,l.useState)(A),[Ce,Ae]=(0,l.useState)(null),[me,ve]=(0,l.useState)(null),ge=(0,l.useRef)(P),{anchorRefs:ye,activeAnchor:be}=pA(e),Le=e=>null==e?void 0:e.getAttributeNames().reduce(((t,n)=>{var r;return n.startsWith("data-tooltip-")&&(t[n.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(n))&&void 0!==r?r:null),t}),{}),Ee=e=>{const t={place:e=>{var t;K(null!==(t=e)&&void 0!==t?t:u)},content:e=>{Y(null!=e?e:r)},html:e=>{Z(null!=e?e:a)},variant:e=>{var t;_(null!==(t=e)&&void 0!==t?t:c)},offset:e=>{ee(null===e?d:Number(e))},wrapper:e=>{var t;ue(null!==(t=e)&&void 0!==t?t:f)},events:e=>{const t=null==e?void 0:e.split(" ");fe(null!=t?t:p)},"position-strategy":e=>{var t;pe(null!==(t=e)&&void 0!==t?t:A)},"delay-show":e=>{ne(null===e?v:Number(e))},"delay-hide":e=>{ae(null===e?g:Number(e))},float:e=>{ie(null===e?y:"true"===e)},hidden:e=>{se(null===e?b:"true"===e)},"class-name":e=>{Ae(e)}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,n])=>{var r;null===(r=t[e])||void 0===r||r.call(t,n)}))};(0,l.useEffect)((()=>{Y(r)}),[r]),(0,l.useEffect)((()=>{Z(a)}),[a]),(0,l.useEffect)((()=>{K(u)}),[u]),(0,l.useEffect)((()=>{_(c)}),[c]),(0,l.useEffect)((()=>{ee(d)}),[d]),(0,l.useEffect)((()=>{ne(v)}),[v]),(0,l.useEffect)((()=>{ae(g)}),[g]),(0,l.useEffect)((()=>{ie(y)}),[y]),(0,l.useEffect)((()=>{se(b)}),[b]),(0,l.useEffect)((()=>{pe(A)}),[A]),(0,l.useEffect)((()=>{ge.current!==P&&console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.")}),[P]),(0,l.useEffect)((()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===P,disableBase:P}}))}),[]),(0,l.useEffect)((()=>{var r;const a=new Set(ye);let o=n;if(!o&&e&&(o=`[data-tooltip-id='${e.replace(/'/g,"\\'")}']`),o)try{document.querySelectorAll(o).forEach((e=>{a.add({current:e})}))}catch(r){console.warn(`[react-tooltip] "${o}" is not a valid CSS selector`)}const i=document.querySelector(`[id='${t}']`);if(i&&a.add({current:i}),!a.size)return()=>null;const l=null!==(r=null!=me?me:i)&&void 0!==r?r:be.current,s=new MutationObserver((e=>{e.forEach((e=>{var t;if(!l||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=Le(l);Ee(n)}))})),c={attributes:!0,childList:!1,subtree:!1};if(l){const e=Le(l);Ee(e),s.observe(l,c)}return()=>{s.disconnect()}}),[ye,be,me,t,n]),(0,l.useEffect)((()=>{(null==x?void 0:x.border)&&console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."),D&&!rA("border",`${D}`)&&console.warn(`[react-tooltip] "${D}" is not a valid \`border\`.`),(null==x?void 0:x.opacity)&&console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."),k&&!rA("opacity",`${k}`)&&console.warn(`[react-tooltip] "${k}" is not a valid \`opacity\`.`)}),[]);let we=h;const ze=(0,l.useRef)(null);if(o){const e=o({content:(null==me?void 0:me.getAttribute("data-tooltip-content"))||W||null,activeAnchor:me});we=e?l.createElement("div",{ref:ze,className:"react-tooltip-content-wrapper"},e):null}else W&&(we=W);Q&&(we=l.createElement(vA,{content:Q}));const Me={forwardRef:q,id:e,anchorId:t,anchorSelect:n,className:JC(i,Ce),classNameArrow:s,content:we,contentWrapperRef:ze,place:X,variant:J,offset:$,wrapper:ce,events:de,openOnClick:C,positionStrategy:he,middlewares:m,delayShow:te,delayHide:re,float:oe,hidden:le,noArrow:L,clickable:E,closeOnEsc:w,closeOnScroll:z,closeOnResize:M,openEvents:S,closeEvents:H,globalCloseEvents:R,imperativeModeOnly:V,style:x,position:T,isOpen:N,defaultIsOpen:O,border:D,opacity:k,arrowColor:B,setIsOpen:I,afterShow:F,afterHide:G,disableTooltip:j,activeAnchor:me,setActiveAnchor:e=>ve(e),role:U};return l.createElement(mA,{...Me})}));"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",(e=>{e.detail.disableCore||tA({css:":root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}",type:"core"}),e.detail.disableBase||tA({css:"\n.styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:8px;height:8px}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}",type:"base"})}));var yA=a(27455),bA={};bA.styleTagTransform=Kl(),bA.setAttributes=Yl(),bA.insert=ql().bind(null,"head"),bA.domAPI=jl(),bA.insertStyleElement=Zl();Fl()(yA.A,bA);yA.A&&yA.A.locals&&yA.A.locals;var LA=a(99197),EA={};EA.styleTagTransform=Kl(),EA.setAttributes=Yl(),EA.insert=ql().bind(null,"head"),EA.domAPI=jl(),EA.insertStyleElement=Zl();Fl()(LA.A,EA);LA.A&&LA.A.locals&&LA.A.locals;const wA=function(e){var t=e.anchorSelect,n=e.place,r=e.title;return l.createElement(gA,{className:"basic-tooltip",anchorSelect:t,place:n},r)};const zA=function(e){var t=e.className,n=void 0===t?{}:t,r=e.fill;return l.createElement("svg",{width:"12",className:n,height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("g",{clipPath:"url(#clip0_1555_2219)"},l.createElement("path",{d:"M6.80169 8.45472C6.67902 8.46615 6.55586 8.43847 6.44987 8.37562C6.37243 8.29612 6.33531 8.18575 6.34897 8.07562C6.35183 7.98393 6.36278 7.89266 6.38169 7.8029C6.4 7.69991 6.42364 7.59796 6.45259 7.49744L6.77441 6.39015C6.8076 6.28087 6.82954 6.16846 6.83987 6.05469C6.83987 5.93197 6.85623 5.84741 6.85623 5.79833C6.86307 5.57959 6.76968 5.36969 6.60259 5.22833C6.39707 5.07055 6.14113 4.993 5.88259 5.01015C5.69732 5.01294 5.51347 5.04327 5.33713 5.10015C5.1444 5.16015 4.94167 5.23197 4.72895 5.31562L4.63623 5.67561C4.69895 5.65379 4.77533 5.62926 4.86259 5.60197C4.94584 5.57732 5.03214 5.56445 5.11895 5.56379C5.24073 5.5506 5.36331 5.58051 5.46531 5.64833C5.53459 5.731 5.5671 5.83839 5.55531 5.94562C5.555 6.03733 5.54495 6.12876 5.52531 6.21833C5.50621 6.3138 5.48167 6.41469 5.45167 6.52105L5.12713 7.63377C5.10097 7.7372 5.08004 7.84187 5.06441 7.94741C5.05166 8.03776 5.04529 8.12889 5.04531 8.22013C5.04397 8.44037 5.14468 8.64883 5.31803 8.78467C5.52672 8.94491 5.78631 9.02434 6.04893 9.00831C6.23385 9.01211 6.41814 8.98539 6.59439 8.92921C6.74893 8.87647 6.9553 8.80103 7.21349 8.70285L7.30077 8.35921C7.23083 8.38822 7.15881 8.41192 7.08531 8.43011C6.99236 8.45134 6.89692 8.45959 6.80169 8.45472Z",fill:r}),l.createElement("path",{d:"M7.14277 3.20479C6.99434 3.06848 6.79878 2.99514 6.59731 3.00025C6.39596 2.9957 6.20059 3.06897 6.05185 3.20479C5.77923 3.43987 5.74878 3.85145 5.98388 4.1241C6.00484 4.14841 6.02755 4.17112 6.05185 4.19207C6.36244 4.46988 6.83218 4.46988 7.14275 4.19207C7.41537 3.95467 7.44394 3.54123 7.20655 3.26861C7.18681 3.2459 7.16548 3.22457 7.14277 3.20479Z",fill:r}),l.createElement("path",{d:"M6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0ZM6 11.4545C2.98753 11.4545 0.545461 9.01247 0.545461 6C0.545461 2.98753 2.98753 0.545461 6 0.545461C9.01247 0.545461 11.4545 2.98753 11.4545 6C11.4545 9.01247 9.01247 11.4545 6 11.4545Z",fill:r})),l.createElement("defs",null,l.createElement("clipPath",{id:"clip0_1555_2219"},l.createElement("rect",{width:"12",height:"12",fill:"white"}))))};const MA=function(e){var t=e.className,n=void 0===t?{}:t;return l.createElement("svg",{width:"19",className:n,height:"19",viewBox:"0 0 19 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("path",{d:"M3.5 15.025H3.975V15.5C3.975 16.1697 4.24103 16.8119 4.71456 17.2854C5.18809 17.759 5.83033 18.025 6.5 18.025H15.5C16.1697 18.025 16.8119 17.759 17.2854 17.2854C17.759 16.8119 18.025 16.1697 18.025 15.5V6.5C18.025 5.83033 17.759 5.18809 17.2854 4.71456C16.8119 4.24103 16.1697 3.975 15.5 3.975H15.025V3.5C15.025 2.83033 14.759 2.18808 14.2854 1.71456C13.8119 1.24103 13.1697 0.975 12.5 0.975H3.5C2.83033 0.975 2.18808 1.24103 1.71456 1.71456C1.24103 2.18808 0.975 2.83033 0.975 3.5V12.5C0.975 13.1697 1.24103 13.8119 1.71456 14.2854C2.18808 14.759 2.83033 15.025 3.5 15.025ZM15.5 5.025C15.8912 5.025 16.2664 5.1804 16.543 5.45702C16.8196 5.73363 16.975 6.10881 16.975 6.5V15.5C16.975 15.8912 16.8196 16.2664 16.543 16.543C16.2664 16.8196 15.8912 16.975 15.5 16.975H6.5C6.10881 16.975 5.73363 16.8196 5.45702 16.543C5.1804 16.2664 5.025 15.8912 5.025 15.5V15.025H12.5C13.1697 15.025 13.8119 14.759 14.2854 14.2854C14.759 13.8119 15.025 13.1697 15.025 12.5V5.025H15.5ZM2.025 3.5C2.025 3.10881 2.1804 2.73363 2.45702 2.45702C2.73363 2.1804 3.10881 2.025 3.5 2.025H12.5C12.8912 2.025 13.2664 2.1804 13.543 2.45702C13.8196 2.73363 13.975 3.10881 13.975 3.5V12.5C13.975 12.8912 13.8196 13.2664 13.543 13.543C13.2664 13.8196 12.8912 13.975 12.5 13.975H3.5C3.10881 13.975 2.73363 13.8196 2.45702 13.543C2.1804 13.2664 2.025 12.8912 2.025 12.5V3.5Z",fill:"",stroke:"",strokeWidth:"0.05"}))};const SA=function(e){var t=e.fill;return l.createElement("svg",{width:"23",height:"23",viewBox:"0 0 23 23",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("path",{d:"M20.3047 5.21094H18.5078C18.0116 5.21094 17.6094 5.61317 17.6094 6.10938C17.6094 6.60558 18.0116 7.00781 18.5078 7.00781H20.3047C20.8001 7.00781 21.2031 7.41085 21.2031 7.90625V15.0938C21.2031 15.5891 20.8001 15.9922 20.3047 15.9922H18.5078C18.0116 15.9922 17.6094 16.3944 17.6094 16.8906C17.6094 17.3868 18.0116 17.7891 18.5078 17.7891H20.3047C21.7909 17.7891 23 16.5799 23 15.0938V7.90625C23 6.42005 21.7909 5.21094 20.3047 5.21094Z",fill:t}),l.createElement("path",{d:"M4.49219 10.6016H5.39062V13.2969C5.39062 13.7931 5.79286 14.1953 6.28906 14.1953C6.78527 14.1953 7.1875 13.7931 7.1875 13.2969V10.6016H8.08594C8.58214 10.6016 8.98438 10.1993 8.98438 9.70312C8.98438 9.20692 8.58214 8.80469 8.08594 8.80469H4.49219C3.99598 8.80469 3.59375 9.20692 3.59375 9.70312C3.59375 10.1993 3.99598 10.6016 4.49219 10.6016Z",fill:t}),l.createElement("path",{d:"M2.69531 17.7891H14.0156V19.5859H13.1172C12.621 19.5859 12.2188 19.9882 12.2188 20.4844C12.2188 20.9806 12.621 21.3828 13.1172 21.3828H16.7109C17.2071 21.3828 17.6094 20.9806 17.6094 20.4844C17.6094 19.9882 17.2071 19.5859 16.7109 19.5859H15.8125V3.41406H16.7109C17.2071 3.41406 17.6094 3.01183 17.6094 2.51562C17.6094 2.01942 17.2071 1.61719 16.7109 1.61719H13.1172C12.621 1.61719 12.2188 2.01942 12.2188 2.51562C12.2188 3.01183 12.621 3.41406 13.1172 3.41406H14.0156V5.21094H2.69531C1.20912 5.21094 0 6.42005 0 7.90625V15.0938C0 16.5799 1.20912 17.7891 2.69531 17.7891ZM1.79688 7.90625C1.79688 7.41085 2.19991 7.00781 2.69531 7.00781H14.0156V15.9922H2.69531C2.19991 15.9922 1.79688 15.5891 1.79688 15.0938V7.90625Z",fill:t}))};var HA=a(17528),RA={};RA.styleTagTransform=Kl(),RA.setAttributes=Yl(),RA.insert=ql().bind(null,"head"),RA.domAPI=jl(),RA.insertStyleElement=Zl();Fl()(HA.A,RA);HA.A&&HA.A.locals&&HA.A.locals;function VA(e){return VA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},VA(e)}function xA(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */xA=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",l=o.asyncIterator||"@@asyncIterator",s=o.toStringTag||"@@toStringTag";function c(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var o=t&&t.prototype instanceof m?t:m,i=Object.create(o.prototype),l=new V(r||[]);return a(i,"_invoke",{value:M(e,n,l)}),i}function d(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var f="suspendedStart",h="suspendedYield",p="executing",C="completed",A={};function m(){}function v(){}function g(){}var y={};c(y,i,(function(){return this}));var b=Object.getPrototypeOf,L=b&&b(b(x([])));L&&L!==n&&r.call(L,i)&&(y=L);var E=g.prototype=m.prototype=Object.create(y);function w(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function z(e,t){function n(a,o,i,l){var s=d(e[a],e,o);if("throw"!==s.type){var c=s.arg,u=c.value;return u&&"object"==VA(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,i,l)}),(function(e){n("throw",e,i,l)})):t.resolve(u).then((function(e){c.value=e,i(c)}),(function(e){return n("throw",e,i,l)}))}l(s.arg)}var o;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return o=o?o.then(a,a):a()}})}function M(t,n,r){var a=f;return function(o,i){if(a===p)throw Error("Generator is already running");if(a===C){if("throw"===o)throw i;return{value:e,done:!0}}for(r.method=o,r.arg=i;;){var l=r.delegate;if(l){var s=S(l,r);if(s){if(s===A)continue;return s}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===f)throw a=C,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=p;var c=d(t,n,r);if("normal"===c.type){if(a=r.done?C:h,c.arg===A)continue;return{value:c.arg,done:r.done}}"throw"===c.type&&(a=C,r.method="throw",r.arg=c.arg)}}}function S(t,n){var r=n.method,a=t.iterator[r];if(a===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,S(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),A;var o=d(a,t.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,A;var i=o.arg;return i?i.done?(n[t.resultName]=i.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,A):i:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,A)}function H(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function R(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function V(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(H,this),this.reset(!0)}function x(t){if(t||""===t){var n=t[i];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,o=function n(){for(;++a<t.length;)if(r.call(t,a))return n.value=t[a],n.done=!1,n;return n.value=e,n.done=!0,n};return o.next=o}}throw new TypeError(VA(t)+" is not iterable")}return v.prototype=g,a(E,"constructor",{value:g,configurable:!0}),a(g,"constructor",{value:v,configurable:!0}),v.displayName=c(g,s,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,g):(e.__proto__=g,c(e,s,"GeneratorFunction")),e.prototype=Object.create(E),e},t.awrap=function(e){return{__await:e}},w(z.prototype),c(z.prototype,l,(function(){return this})),t.AsyncIterator=z,t.async=function(e,n,r,a,o){void 0===o&&(o=Promise);var i=new z(u(e,n,r,a),o);return t.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},w(E),c(E,s,"Generator"),c(E,i,(function(){return this})),c(E,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=x,V.prototype={constructor:V,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(R),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function a(r,a){return l.type="throw",l.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],l=i.completion;if("root"===i.tryLoc)return a("end");if(i.tryLoc<=this.prev){var s=r.call(i,"catchLoc"),c=r.call(i,"finallyLoc");if(s&&c){if(this.prev<i.catchLoc)return a(i.catchLoc,!0);if(this.prev<i.finallyLoc)return a(i.finallyLoc)}else if(s){if(this.prev<i.catchLoc)return a(i.catchLoc,!0)}else{if(!c)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return a(i.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,A):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),A},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),R(n),A}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;R(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:x(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),A}},t}function TA(e,t,n,r,a,o,i){try{var l=e[o](i),s=l.value}catch(e){return void n(e)}l.done?t(s):Promise.resolve(s).then(r,a)}function NA(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return OA(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?OA(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function OA(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function PA(){return PA=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},PA.apply(null,arguments)}var DA={backgroundColor:"transparent"},kA={name:"Fields",Tab:(0,SC.observer)((function(e){return l.createElement(MC.SectionTab,PA({name:"Fields"},e),l.createElement(SA,{fill:"var(--text-color)"}))})),Panel:(0,SC.observer)((function(e){var t=e.store,n=e.onGetCustomFields,r=NA((0,l.useState)(!1),2),a=(r[0],r[1]),o=lt(),i=Ke((function(e){return e.customFields.customFields})),s=Ke((function(e){return e.customFields.defaultDynamicFields})),c=Ke((function(e){return e.templates.product})),u=null==c?void 0:c.productType,d=function(){var e=function(e){return function(){var t=this,n=arguments;return new Promise((function(r,a){var o=e.apply(t,n);function i(e){TA(o,r,a,i,l,"next",e)}function l(e){TA(o,r,a,i,l,"throw",e)}i(void 0)}))}}(xA().mark((function e(){var t;return xA().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!n){e.next=5;break}return e.next=3,n();case 3:null!=(t=e.sent)&&t.length&&o({type:hr,payload:t});case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();(0,l.useEffect)((function(){d()}),[]);var f=function(e){if("Real Penned Letter"===u){var t=e.replace(/{{/g,"((").replace(/}}/g,"))");Gr(t),o(Ih("".concat(t," Copied")))}else Gr(e),o(Ih("".concat(e," Copied")))},h=function(e,n,r){var a,o;if(e.preventDefault(),"Real Penned Letter"!==u){var i,l;if("drag"===r){var s=e.currentTarget.getBoundingClientRect();i=e.clientX-s.left,l=e.clientY-s.top}else i=t.width/2-200,l=300;i/=null==t||null===(a=t.activePage)||void 0===a?void 0:a.scale,l/=null==t||null===(o=t.activePage)||void 0===o?void 0:o.scale,t.activePage.addElement({type:"text",x:i,y:l,text:n,width:n.length>15?10*n.length:150,contentEditable:!1})}else f(n)};return l.createElement("div",{className:"dynamic-content"},l.createElement("div",{className:"dynamic-content__top"},l.createElement("div",null,l.createElement("span",{className:"title"},"Contact Fields"),l.createElement(zA,{fill:"var(--primary-color)",className:"infoIcon"}),l.createElement(wA,{anchorSelect:".infoIcon",place:"bottom",title:"Merge fields allow you to personalize your mailer with contact information."}))),s.map((function(e,t){var n=e.key,r=e.value;return l.createElement("div",{style:{display:"flex",alignItems:"center"},key:t},l.createElement("span",{className:"contact-element",onClick:function(e){return h(e,n,"click")}},r),l.createElement(ns,{style:DA,onClick:function(){return f(n)},backdrop:!1},l.createElement(MA,{className:"copy"})))})),l.createElement(wA,{anchorSelect:".copy",place:"bottom",title:"Copy"}),n&&l.createElement(l.Fragment,null,l.createElement("hr",{className:"divider"}),l.createElement("div",{className:"dynamic-content__top"},l.createElement("div",null,l.createElement("span",{className:"title"},"Custom Fields"),l.createElement(zA,{fill:"var(--primary-color)",className:"custom"}),l.createElement(wA,{anchorSelect:".custom",place:"bottom",title:"You can add custom fields to your template."})),l.createElement(ns,{onClick:function(){a((function(e){return!e}))}})),null==i?void 0:i.map((function(e,t){var n=e.key,r=e.value;return l.createElement("div",{style:{display:"flex",alignItems:"center"},key:t},l.createElement("span",{className:"contact-element",onClick:function(e){return h(e,n,"click")}},r),l.createElement(ns,{style:DA,onClick:function(){return f(n)}},l.createElement(MA,{className:"copy"})))}))))}))};const BA=kA;function IA(e){return IA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},IA(e)}function FA(){return FA=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},FA.apply(null,arguments)}function GA(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function jA(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?GA(Object(n),!0).forEach((function(t){UA(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):GA(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function UA(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=IA(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=IA(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==IA(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function qA(e){return function(e){if(Array.isArray(e))return WA(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return WA(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?WA(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function WA(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}const YA=function(e){var t="Real Penned Letter"===e.currentTemplateType?MC.DEFAULT_SECTIONS.filter((function(e){return""===e.name})):MC.DEFAULT_SECTIONS.filter((function(e){return!["photos","size","templates"].includes(e.name)}));return l.createElement(Lp.SidePanelWrap,null,l.createElement(MC.SidePanel,{store:e.store,sections:[].concat(qA("Real Penned Letter"!==e.currentTemplateType?[jA(jA({},KC),{},{Panel:function(t){return l.createElement(KC.Panel,FA({},t,{platformName:e.platformName,defaultCategory:e.defaultCategory,onGetTemplates:e.onGetTemplates,onGetOneTemplate:e.onGetOneTemplate}))}})]:[]),qA(t),[jA(jA({},BA),{},{Panel:function(t){return l.createElement(BA.Panel,FA({},t,{onGetCustomFields:e.onGetCustomFields}))}})]),defaultSection:"text"}))};var QA=a(22995),ZA={};ZA.styleTagTransform=Kl(),ZA.setAttributes=Yl(),ZA.insert=ql().bind(null,"head"),ZA.domAPI=jl(),ZA.insertStyleElement=Zl();Fl()(QA.A,ZA);QA.A&&QA.A.locals&&QA.A.locals;function XA(e){return XA="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},XA(e)}function KA(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */KA=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",l=o.asyncIterator||"@@asyncIterator",s=o.toStringTag||"@@toStringTag";function c(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var o=t&&t.prototype instanceof m?t:m,i=Object.create(o.prototype),l=new V(r||[]);return a(i,"_invoke",{value:M(e,n,l)}),i}function d(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var f="suspendedStart",h="suspendedYield",p="executing",C="completed",A={};function m(){}function v(){}function g(){}var y={};c(y,i,(function(){return this}));var b=Object.getPrototypeOf,L=b&&b(b(x([])));L&&L!==n&&r.call(L,i)&&(y=L);var E=g.prototype=m.prototype=Object.create(y);function w(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function z(e,t){function n(a,o,i,l){var s=d(e[a],e,o);if("throw"!==s.type){var c=s.arg,u=c.value;return u&&"object"==XA(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,i,l)}),(function(e){n("throw",e,i,l)})):t.resolve(u).then((function(e){c.value=e,i(c)}),(function(e){return n("throw",e,i,l)}))}l(s.arg)}var o;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return o=o?o.then(a,a):a()}})}function M(t,n,r){var a=f;return function(o,i){if(a===p)throw Error("Generator is already running");if(a===C){if("throw"===o)throw i;return{value:e,done:!0}}for(r.method=o,r.arg=i;;){var l=r.delegate;if(l){var s=S(l,r);if(s){if(s===A)continue;return s}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===f)throw a=C,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=p;var c=d(t,n,r);if("normal"===c.type){if(a=r.done?C:h,c.arg===A)continue;return{value:c.arg,done:r.done}}"throw"===c.type&&(a=C,r.method="throw",r.arg=c.arg)}}}function S(t,n){var r=n.method,a=t.iterator[r];if(a===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,S(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),A;var o=d(a,t.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,A;var i=o.arg;return i?i.done?(n[t.resultName]=i.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,A):i:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,A)}function H(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function R(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function V(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(H,this),this.reset(!0)}function x(t){if(t||""===t){var n=t[i];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,o=function n(){for(;++a<t.length;)if(r.call(t,a))return n.value=t[a],n.done=!1,n;return n.value=e,n.done=!0,n};return o.next=o}}throw new TypeError(XA(t)+" is not iterable")}return v.prototype=g,a(E,"constructor",{value:g,configurable:!0}),a(g,"constructor",{value:v,configurable:!0}),v.displayName=c(g,s,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,g):(e.__proto__=g,c(e,s,"GeneratorFunction")),e.prototype=Object.create(E),e},t.awrap=function(e){return{__await:e}},w(z.prototype),c(z.prototype,l,(function(){return this})),t.AsyncIterator=z,t.async=function(e,n,r,a,o){void 0===o&&(o=Promise);var i=new z(u(e,n,r,a),o);return t.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},w(E),c(E,s,"Generator"),c(E,i,(function(){return this})),c(E,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=x,V.prototype={constructor:V,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(R),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function a(r,a){return l.type="throw",l.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],l=i.completion;if("root"===i.tryLoc)return a("end");if(i.tryLoc<=this.prev){var s=r.call(i,"catchLoc"),c=r.call(i,"finallyLoc");if(s&&c){if(this.prev<i.catchLoc)return a(i.catchLoc,!0);if(this.prev<i.finallyLoc)return a(i.finallyLoc)}else if(s){if(this.prev<i.catchLoc)return a(i.catchLoc,!0)}else{if(!c)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return a(i.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,A):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),A},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),R(n),A}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;R(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:x(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),A}},t}function JA(e,t,n,r,a,o,i){try{var l=e[o](i),s=l.value}catch(e){return void n(e)}l.done?t(s):Promise.resolve(s).then(r,a)}function _A(e){return function(){var t=this,n=arguments;return new Promise((function(r,a){var o=e.apply(t,n);function i(e){JA(o,r,a,i,l,"next",e)}function l(e){JA(o,r,a,i,l,"throw",e)}i(void 0)}))}}function $A(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return em(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?em(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function em(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}(0,Ep.Ut)(ha);const tm=function(e){var t=e.store,n=e.onReturnAndNavigate,r=e.platformName,a=e.defaultCategory,o=e.createTemplateRoute,i=e.olcTemplate,s=e.onGetOneTemplate,c=e.onGetCustomFields,u=e.onGetTemplates,d=e.onSubmit,f=$A((0,l.useState)(!1),2),h=f[0],p=f[1],C=$A((0,l.useState)(1),2),A=C[0],m=C[1],v=ie().id,g=lt(),y=oe(),b=Ke((function(e){return e.templates.template})),L=Ke((function(e){return e.templates.product})),E=Ke((function(e){return e.templates.envelopeType})),w=null==L?void 0:L.productType;(0,l.useEffect)((function(){i&&H()}),[i]),(0,l.useEffect)((function(){var e=function(){document.hidden&&m((function(e){return e+1}))};return document.addEventListener("visibilitychange",e),function(){document.removeEventListener("visibilitychange",e)}}),[]),(0,l.useEffect)((function(){L||i||v||y(o||"/create-template")}),[]),(0,l.useEffect)((function(){if(L||v&&s){if((0,Ep.O3)(Hp),v&&s)try{s(v).then((function(e){e?(g({type:ar,payload:{data:e}}),g({type:or,payload:!0})):(g(Fh("Unable to load the Template")),setTimeout((function(){y(o||"/create-template")}),1e3))}))}catch(e){return e}else 0!==t.pages.length||i||M();z();var e=t.on("change",(function(){h||p(!0)}));return function(){t.history.clear(),t.clear(),e()}}}),[]),(0,l.useEffect)((function(){v||i||!L||0!==t.pages.length||M()}),[L]),(0,l.useEffect)((function(){var e=function(e){var t="Are you sure you want to leave?";return e.returnValue=t,t};return h&&(window.removeEventListener("beforeunload",e),window.addEventListener("beforeunload",e)),function(){window.removeEventListener("beforeunload",e)}}),[h]);var z=function(){var e=_A(KA().mark((function e(){var t;return KA().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!c){e.next=5;break}return e.next=3,c();case 3:null!=(t=e.sent)&&t.length&&g({type:hr,payload:t});case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),M=function(){var e=_A(KA().mark((function e(){var n,r;return KA().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:L&&(t.addPage(),r=null==L||null===(n=L.selectedSize)||void 0===n?void 0:n.split("x"),t.setUnit({unit:"in",dpi:Nr}),t.setSize(+r[1]*Nr,+r[0]*Nr),Pr.includes(L.productType)&&(t.addPage(),t.selectPage(t.pages[0].id)),xa(t,L,E),"Real Penned Letter"===w&&S(),t.history.clear()),p(!1);case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),S=function(){var e=_A(KA().mark((function e(){var n,r,a;return KA().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,t.addFont({fontFamily:"lexi Regular",url:Rp}),Sp(t),e.next=5,fetch(Rp);case 5:return n=e.sent,e.next=8,n.blob();case 8:r=e.sent,(a=new FileReader).onloadend=function(){t.addFont({fontFamily:"lexi Regular",url:a.result})},a.readAsDataURL(r),e.next=17;break;case 14:e.prev=14,e.t0=e.catch(0),console.error("Error loading the font file:",e.t0);case 17:case"end":return e.stop()}}),e,null,[[0,14]])})));return function(){return e.apply(this,arguments)}}(),H=function(){var e=_A(KA().mark((function e(){var n,r,a,o,l,s,c;return KA().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(n=i)){e.next=18;break}return g({type:ar,payload:{data:n}}),(o=document.querySelector(".polotno-workspace-container"))&&o.classList.add("show-loader"),l=null==n||null===(r=n.product)||void 0===r?void 0:r.paperSize.split("x"),t.setUnit({unit:"in",dpi:96}),t.setSize(+l[1]*Nr,+l[0]*Nr),e.next=10,Sa(null==n?void 0:n.templateUrl);case 10:return s=e.sent,"Real Penned Letter"===(null==b||null===(a=b.product)||void 0===a?void 0:a.productType)&&(c=JSON.stringify(s).replace(/{{/g,"((").replace(/}}/g,"))"),s=JSON.parse(c)),t.loadJSON(s),e.next=15,t.waitLoading();case 15:p(!1),g({type:or,payload:!1}),o&&o.classList.add("hide-loader");case 18:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return l.createElement(l.Fragment,null,l.createElement($l,{className:"hideTemplateBuilder"},va),l.createElement("div",{className:"polotno-container"},A>0&&l.createElement("div",{className:"builder-wrapper"},l.createElement(zC,{store:t,isStoreUpdated:h,olcTemplate:i,onReturnAndNavigate:n,onSubmit:d}),l.createElement(Lp.PolotnoContainer,{style:{width:"100vw",height:"90vh",position:"relative"}},l.createElement(YA,{store:t,currentTemplateType:w,platformName:r,defaultCategory:a,onGetTemplates:u,onGetOneTemplate:s,onGetCustomFields:c}),l.createElement(Lp.WorkspaceWrap,null,"Real Penned Letter"!==w&&l.createElement(wp.Toolbar,{store:t,downloadButtonEnabled:!1}),"Real Penned Letter"!==w?l.createElement(Mp.Workspace,{store:t,pageControlsEnabled:!1}):l.createElement(Mp.Workspace,{store:t,pageControlsEnabled:!1,components:{Tooltip:function(){return null}}}),l.createElement(zp.ZoomButtons,{store:t}))),l.createElement(qh,null))))};var nm,rm;function am(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function om(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return im(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?im(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function im(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var lm=function(e){return(0,Tr.createStore)({key:e,showCredit:!1})};const sm=function(e){var t,n=e.secretKey,r=e.onReturnAndNavigate,a=e.platformName,o=e.defaultCategory,i=e.createTemplateRoute,s=e.templateBuilderRoute,c=e.styles,u=e.olcTemplate,d=e.onGetOneTemplate,f=e.onGetCustomFields,h=e.onGetTemplates,p=e.onSubmit,C=om((0,l.useState)(lm(n)),2),A=C[0],m=C[1],v=null===(t=window)||void 0===t||null===(t=t.location)||void 0===t?void 0:t.pathname;(0,l.useEffect)((function(){if(v===i||"/create-template"===v){var e=lm(n);m(e)}}),[v]);var g=c&&Object.keys(c).length?Sl(nm||(nm=am(["\n        :root {\n        ","\n          }\n        "])),c?Object.entries(c.root).map((function(e){var t=om(e,2),n=t[0],r=t[1];return"".concat(n,": ").concat(r,";")})).join(" "):""):Sl(rm||(rm=am(["<></>"])));return l.createElement("div",{className:"builder-wrapper"},l.createElement(g,null),l.createElement(Le,null,l.createElement(ye,{path:i||"/create-template",element:l.createElement(bp,{onReturnAndNavigate:r,createTemplateRoute:i,templateBuilderRoute:s})}),l.createElement(ye,{path:s||"/template-builder/:id?",element:l.createElement(tm,{store:A,olcTemplate:u,platformName:a,defaultCategory:o,onReturnAndNavigate:r,createTemplateRoute:i,onGetOneTemplate:d,onGetTemplates:h,onGetCustomFields:f,onSubmit:p})})))};var cm=a(10002),um={};um.styleTagTransform=Kl(),um.setAttributes=Yl(),um.insert=ql().bind(null,"head"),um.domAPI=jl(),um.insertStyleElement=Zl();Fl()(cm.A,um);cm.A&&cm.A.locals&&cm.A.locals;var dm=a(75487),fm={};fm.styleTagTransform=Kl(),fm.setAttributes=Yl(),fm.insert=ql().bind(null,"head"),fm.domAPI=jl(),fm.insertStyleElement=Zl();Fl()(dm.A,fm);dm.A&&dm.A.locals&&dm.A.locals;var hm=a(88498),pm={};pm.styleTagTransform=Kl(),pm.setAttributes=Yl(),pm.insert=ql().bind(null,"head"),pm.domAPI=jl(),pm.insertStyleElement=Zl();Fl()(hm.A,pm);hm.A&&hm.A.locals&&hm.A.locals;var Cm=a(60137),Am={};Am.styleTagTransform=Kl(),Am.setAttributes=Yl(),Am.insert=ql().bind(null,"head"),Am.domAPI=jl(),Am.insertStyleElement=Zl();Fl()(Cm.A,Am);Cm.A&&Cm.A.locals&&Cm.A.locals;var mm=a(72804),vm={};vm.styleTagTransform=Kl(),vm.setAttributes=Yl(),vm.insert=ql().bind(null,"head"),vm.domAPI=jl(),vm.insertStyleElement=Zl();Fl()(mm.A,vm);mm.A&&mm.A.locals&&mm.A.locals;const gm=function(e){var t=e.container,n=e.secretKey,r=e.basicAuthUsername,a=e.basicAuthPassword,o=e.platformName,i=e.createTemplateRoute,s=e.templateBuilderRoute,u=e.olcTemplate,d=e.defaultCategory,f=e.sandbox,h=e.onReturnAndNavigate,p=e.onGetOneTemplate,C=e.onGetTemplates,A=e.onGetCustomFields,m=e.onSubmit,v=e.styles;if(!t)throw new Error("Root element not found");if(!n)throw new Error("secretKey not found");if(!r)throw new Error("basicAuthUsername not found");if(!a)throw new Error("basicAuthPassword not found");f&&function(e){Fr=e}(f),jr(r),Ur(a);var g=c.createRoot(t);return g.render(l.createElement(l.Fragment,null,l.createElement(rt,{store:xr},l.createElement(Ve,null,l.createElement(sm,{secretKey:n,styles:v,olcTemplate:u,platformName:o,defaultCategory:d,createTemplateRoute:i,templateBuilderRoute:s,onReturnAndNavigate:h,onGetOneTemplate:p,onGetTemplates:C,onGetCustomFields:A,onSubmit:m}))))),{destroy:function(){g.unmount()}}};var ym=o.A;export{ym as default};
 //# sourceMappingURL=index.js.map