@mypixia/simplex-designer 1.0.0

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 (7) hide show
  1. package/README.md +0 -0
  2. package/dist/index.cjs.js +34 -0
  3. package/dist/index.es.js +4996 -0
  4. package/dist/index.umd.js +34 -0
  5. package/dist/simplex-designer.css +1 -0
  6. package/license.txt +42 -0
  7. package/package.json +44 -0
package/dist/index.umd.js ADDED
@@ -0,0 +1,34 @@
1
+ (function(a,M){typeof exports=="object"&&typeof module<"u"?module.exports=M(require("react"),require("fabric"),require("axios"),require("qrcode"),require("react-barcode"),require("react-share"),require("react-dom")):typeof define=="function"&&define.amd?define(["react","fabric","axios","qrcode","react-barcode","react-share","react-dom"],M):(a=typeof globalThis<"u"?globalThis:a||self,a.Mypixia=M(a.React,a.fabric,a.axios,a.qrcode,a.ReactBarcode,a.ReactShare,a.ReactDOM))})(this,function(a,M,ge,Bt,Dt,re,Ft){"use strict";var st={exports:{}},qe={};/**
2
+ * @license React
3
+ * react-jsx-runtime.production.min.js
4
+ *
5
+ * Copyright (c) Facebook, Inc. and its affiliates.
6
+ *
7
+ * This source code is licensed under the MIT license found in the
8
+ * LICENSE file in the root directory of this source tree.
9
+ */var dt;function Pt(){if(dt)return qe;dt=1;var w=a,t=Symbol.for("react.element"),i=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,d=w.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,f={key:!0,ref:!0,__self:!0,__source:!0};function x(h,b,l){var v,u={},y=null,n=null;l!==void 0&&(y=""+l),b.key!==void 0&&(y=""+b.key),b.ref!==void 0&&(n=b.ref);for(v in b)o.call(b,v)&&!f.hasOwnProperty(v)&&(u[v]=b[v]);if(h&&h.defaultProps)for(v in b=h.defaultProps,b)u[v]===void 0&&(u[v]=b[v]);return{$$typeof:t,type:h,key:y,ref:n,props:u,_owner:d.current}}return qe.Fragment=i,qe.jsx=x,qe.jsxs=x,qe}var Xe={};/**
10
+ * @license React
11
+ * react-jsx-runtime.development.js
12
+ *
13
+ * Copyright (c) Facebook, Inc. and its affiliates.
14
+ *
15
+ * This source code is licensed under the MIT license found in the
16
+ * LICENSE file in the root directory of this source tree.
17
+ */var ht;function Ht(){return ht||(ht=1,process.env.NODE_ENV!=="production"&&function(){var w=a,t=Symbol.for("react.element"),i=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),d=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),x=Symbol.for("react.provider"),h=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),v=Symbol.for("react.suspense_list"),u=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),n=Symbol.for("react.offscreen"),m=Symbol.iterator,p="@@iterator";function j(r){if(r===null||typeof r!="object")return null;var g=m&&r[m]||r[p];return typeof g=="function"?g:null}var s=w.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function C(r){{for(var g=arguments.length,S=new Array(g>1?g-1:0),L=1;L<g;L++)S[L-1]=arguments[L];B("error",r,S)}}function B(r,g,S){{var L=s.ReactDebugCurrentFrame,U=L.getStackAddendum();U!==""&&(g+="%s",S=S.concat([U]));var W=S.map(function(H){return String(H)});W.unshift("Warning: "+g),Function.prototype.apply.call(console[r],console,W)}}var I=!1,_=!1,F=!1,E=!1,T=!1,V;V=Symbol.for("react.module.reference");function Y(r){return!!(typeof r=="string"||typeof r=="function"||r===o||r===f||T||r===d||r===l||r===v||E||r===n||I||_||F||typeof r=="object"&&r!==null&&(r.$$typeof===y||r.$$typeof===u||r.$$typeof===x||r.$$typeof===h||r.$$typeof===b||r.$$typeof===V||r.getModuleId!==void 0))}function J(r,g,S){var L=r.displayName;if(L)return L;var U=g.displayName||g.name||"";return U!==""?S+"("+U+")":S}function oe(r){return r.displayName||"Context"}function se(r){if(r==null)return null;if(typeof r.tag=="number"&&C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof r=="function")return r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case o:return"Fragment";case i:return"Portal";case f:return"Profiler";case d:return"StrictMode";case l:return"Suspense";case v:return"SuspenseList"}if(typeof r=="object")switch(r.$$typeof){case h:var g=r;return oe(g)+".Consumer";case x:var S=r;return oe(S._context)+".Provider";case b:return J(r,r.render,"ForwardRef");case u:var L=r.displayName||null;return L!==null?L:se(r.type)||"Memo";case y:{var U=r,W=U._payload,H=U._init;try{return se(H(W))}catch{return null}}}return null}var ne=Object.assign,ue=0,Te,we,Qe,Me,ee,Ve,Re;function Ue(){}Ue.__reactDisabledLog=!0;function ze(){{if(ue===0){Te=console.log,we=console.info,Qe=console.warn,Me=console.error,ee=console.group,Ve=console.groupCollapsed,Re=console.groupEnd;var r={configurable:!0,enumerable:!0,value:Ue,writable:!0};Object.defineProperties(console,{info:r,log:r,warn:r,error:r,group:r,groupCollapsed:r,groupEnd:r})}ue++}}function We(){{if(ue--,ue===0){var r={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:ne({},r,{value:Te}),info:ne({},r,{value:we}),warn:ne({},r,{value:Qe}),error:ne({},r,{value:Me}),group:ne({},r,{value:ee}),groupCollapsed:ne({},r,{value:Ve}),groupEnd:ne({},r,{value:Re})})}ue<0&&C("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var Ce=s.ReactCurrentDispatcher,me;function G(r,g,S){{if(me===void 0)try{throw Error()}catch(U){var L=U.stack.trim().match(/\n( *(at )?)/);me=L&&L[1]||""}return`
18
+ `+me+r}}var Le=!1,Oe;{var X=typeof WeakMap=="function"?WeakMap:Map;Oe=new X}function Ge(r,g){if(!r||Le)return"";{var S=Oe.get(r);if(S!==void 0)return S}var L;Le=!0;var U=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var W;W=Ce.current,Ce.current=null,ze();try{if(g){var H=function(){throw Error()};if(Object.defineProperty(H.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(H,[])}catch(ce){L=ce}Reflect.construct(r,[],H)}else{try{H.call()}catch(ce){L=ce}r.call(H.prototype)}}else{try{throw Error()}catch(ce){L=ce}r()}}catch(ce){if(ce&&L&&typeof ce.stack=="string"){for(var P=ce.stack.split(`
19
+ `),ie=L.stack.split(`
20
+ `),q=P.length-1,Z=ie.length-1;q>=1&&Z>=0&&P[q]!==ie[Z];)Z--;for(;q>=1&&Z>=0;q--,Z--)if(P[q]!==ie[Z]){if(q!==1||Z!==1)do if(q--,Z--,Z<0||P[q]!==ie[Z]){var de=`
21
+ `+P[q].replace(" at new "," at ");return r.displayName&&de.includes("<anonymous>")&&(de=de.replace("<anonymous>",r.displayName)),typeof r=="function"&&Oe.set(r,de),de}while(q>=1&&Z>=0);break}}}finally{Le=!1,Ce.current=W,We(),Error.prepareStackTrace=U}var Ke=r?r.displayName||r.name:"",De=Ke?G(Ke):"";return typeof r=="function"&&Oe.set(r,De),De}function ae(r,g,S){return Ge(r,!1)}function fe(r){var g=r.prototype;return!!(g&&g.isReactComponent)}function Se(r,g,S){if(r==null)return"";if(typeof r=="function")return Ge(r,fe(r));if(typeof r=="string")return G(r);switch(r){case l:return G("Suspense");case v:return G("SuspenseList")}if(typeof r=="object")switch(r.$$typeof){case b:return ae(r.render);case u:return Se(r.type,g,S);case y:{var L=r,U=L._payload,W=L._init;try{return Se(W(U),g,S)}catch{}}}return""}var ve=Object.prototype.hasOwnProperty,$e={},ke=s.ReactDebugCurrentFrame;function Ae(r){if(r){var g=r._owner,S=Se(r.type,r._source,g?g.type:null);ke.setExtraStackFrame(S)}else ke.setExtraStackFrame(null)}function Je(r,g,S,L,U){{var W=Function.call.bind(ve);for(var H in r)if(W(r,H)){var P=void 0;try{if(typeof r[H]!="function"){var ie=Error((L||"React class")+": "+S+" type `"+H+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof r[H]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ie.name="Invariant Violation",ie}P=r[H](g,H,L,S,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(q){P=q}P&&!(P instanceof Error)&&(Ae(U),C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",L||"React class",S,H,typeof P),Ae(null)),P instanceof Error&&!(P.message in $e)&&($e[P.message]=!0,Ae(U),C("Failed %s type: %s",S,P.message),Ae(null))}}}var Ze=Array.isArray;function _e(r){return Ze(r)}function et(r){{var g=typeof Symbol=="function"&&Symbol.toStringTag,S=g&&r[Symbol.toStringTag]||r.constructor.name||"Object";return S}}function tt(r){try{return Ie(r),!1}catch{return!0}}function Ie(r){return""+r}function k(r){if(tt(r))return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",et(r)),Ie(r)}var O=s.ReactCurrentOwner,$={key:!0,ref:!0,__self:!0,__source:!0},D,Q;function xe(r){if(ve.call(r,"ref")){var g=Object.getOwnPropertyDescriptor(r,"ref").get;if(g&&g.isReactWarning)return!1}return r.ref!==void 0}function je(r){if(ve.call(r,"key")){var g=Object.getOwnPropertyDescriptor(r,"key").get;if(g&&g.isReactWarning)return!1}return r.key!==void 0}function te(r,g){typeof r.ref=="string"&&O.current}function Ye(r,g){{var S=function(){D||(D=!0,C("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",g))};S.isReactWarning=!0,Object.defineProperty(r,"key",{get:S,configurable:!0})}}function Be(r,g){{var S=function(){Q||(Q=!0,C("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",g))};S.isReactWarning=!0,Object.defineProperty(r,"ref",{get:S,configurable:!0})}}var be=function(r,g,S,L,U,W,H){var P={$$typeof:t,type:r,key:g,ref:S,props:H,_owner:W};return P._store={},Object.defineProperty(P._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(P,"_self",{configurable:!1,enumerable:!1,writable:!1,value:L}),Object.defineProperty(P,"_source",{configurable:!1,enumerable:!1,writable:!1,value:U}),Object.freeze&&(Object.freeze(P.props),Object.freeze(P)),P};function c(r,g,S,L,U){{var W,H={},P=null,ie=null;S!==void 0&&(k(S),P=""+S),je(g)&&(k(g.key),P=""+g.key),xe(g)&&(ie=g.ref,te(g,U));for(W in g)ve.call(g,W)&&!$.hasOwnProperty(W)&&(H[W]=g[W]);if(r&&r.defaultProps){var q=r.defaultProps;for(W in q)H[W]===void 0&&(H[W]=q[W])}if(P||ie){var Z=typeof r=="function"?r.displayName||r.name||"Unknown":r;P&&Ye(H,Z),ie&&Be(H,Z)}return be(r,P,ie,U,L,O.current,H)}}var A=s.ReactCurrentOwner,z=s.ReactDebugCurrentFrame;function N(r){if(r){var g=r._owner,S=Se(r.type,r._source,g?g.type:null);z.setExtraStackFrame(S)}else z.setExtraStackFrame(null)}var le;le=!1;function R(r){return typeof r=="object"&&r!==null&&r.$$typeof===t}function K(){{if(A.current){var r=se(A.current.type);if(r)return`
22
+
23
+ Check the render method of \``+r+"`."}return""}}function rt(r){return""}var Tt={};function Kr(r){{var g=K();if(!g){var S=typeof r=="string"?r:r.displayName||r.name;S&&(g=`
24
+
25
+ Check the top-level render call using <`+S+">.")}return g}}function Mt(r,g){{if(!r._store||r._store.validated||r.key!=null)return;r._store.validated=!0;var S=Kr(g);if(Tt[S])return;Tt[S]=!0;var L="";r&&r._owner&&r._owner!==A.current&&(L=" It was passed a child from "+se(r._owner.type)+"."),N(r),C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',S,L),N(null)}}function zt(r,g){{if(typeof r!="object")return;if(_e(r))for(var S=0;S<r.length;S++){var L=r[S];R(L)&&Mt(L,g)}else if(R(r))r._store&&(r._store.validated=!0);else if(r){var U=j(r);if(typeof U=="function"&&U!==r.entries)for(var W=U.call(r),H;!(H=W.next()).done;)R(H.value)&&Mt(H.value,g)}}}function qr(r){{var g=r.type;if(g==null||typeof g=="string")return;var S;if(typeof g=="function")S=g.propTypes;else if(typeof g=="object"&&(g.$$typeof===b||g.$$typeof===u))S=g.propTypes;else return;if(S){var L=se(g);Je(S,r.props,"prop",L,r)}else if(g.PropTypes!==void 0&&!le){le=!0;var U=se(g);C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",U||"Unknown")}typeof g.getDefaultProps=="function"&&!g.getDefaultProps.isReactClassApproved&&C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Xr(r){{for(var g=Object.keys(r.props),S=0;S<g.length;S++){var L=g[S];if(L!=="children"&&L!=="key"){N(r),C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",L),N(null);break}}r.ref!==null&&(N(r),C("Invalid attribute `ref` supplied to `React.Fragment`."),N(null))}}var Lt={};function _t(r,g,S,L,U,W){{var H=Y(r);if(!H){var P="";(r===void 0||typeof r=="object"&&r!==null&&Object.keys(r).length===0)&&(P+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var ie=rt();ie?P+=ie:P+=K();var q;r===null?q="null":_e(r)?q="array":r!==void 0&&r.$$typeof===t?(q="<"+(se(r.type)||"Unknown")+" />",P=" Did you accidentally export a JSX literal instead of a component?"):q=typeof r,C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",q,P)}var Z=c(r,g,S,U,W);if(Z==null)return Z;if(H){var de=g.children;if(de!==void 0)if(L)if(_e(de)){for(var Ke=0;Ke<de.length;Ke++)zt(de[Ke],r);Object.freeze&&Object.freeze(de)}else C("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else zt(de,r)}if(ve.call(g,"key")){var De=se(r),ce=Object.keys(g).filter(function(ss){return ss!=="key"}),at=ce.length>0?"{key: someKey, "+ce.join(": ..., ")+": ...}":"{key: someKey}";if(!Lt[De+at]){var rs=ce.length>0?"{"+ce.join(": ..., ")+": ...}":"{}";C(`A props object containing a "key" prop is being spread into JSX:
26
+ let props = %s;
27
+ <%s {...props} />
28
+ React keys must be passed directly to JSX without using spread:
29
+ let props = %s;
30
+ <%s key={someKey} {...props} />`,at,De,rs,De),Lt[De+at]=!0}}return r===o?Xr(Z):qr(Z),Z}}function Qr(r,g,S){return _t(r,g,S,!0)}function Zr(r,g,S){return _t(r,g,S,!1)}var es=Zr,ts=Qr;Xe.Fragment=o,Xe.jsx=es,Xe.jsxs=ts}()),Xe}var pt;function Vt(){return pt||(pt=1,process.env.NODE_ENV==="production"?st.exports=Pt():st.exports=Ht()),st.exports}var e=Vt();const Rt={primaryColor:"#f88300",primaryColorLight:"#6858c1",secondaryColor:"#005a53",tertiaryColor:"#FFFFFF"},Ut="M80 160c0-35.3 28.7-64 64-64h32c35.3 0 64 28.7 64 64v3.6c0 21.8-11.1 42.1-29.4 53.8l-42.2 27.1c-25.2 16.2-40.4 44.1-40.4 74V320c0 17.7 14.3 32 32 32s32-14.3 32-32v-1.4c0-8.2 4.2-15.8 11-20.2l42.2-27.1c36.6-23.6 58.8-64.1 58.8-107.7V160c0-70.7-57.3-128-128-128H144C73.3 32 16 89.3 16 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm80 320a40 40 0 1 0 0-80 40 40 0 1 0 0 80z",Wt="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z",Gt="M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z",$t="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z",Jt="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z",Yt="M160 64c0-8.8 7.2-16 16-16s16 7.2 16 16V200c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c8.8 0 16 7.2 16 16c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c7.8 0 14.3 5.6 15.7 13c1.6 8.2 7.3 15.1 15.1 18s16.7 1.6 23.3-3.6c2.7-2.1 6.1-3.4 9.9-3.4c8.8 0 16 7.2 16 16l0 16V392c0 39.8-32.2 72-72 72H272 212.3h-.9c-37.4 0-72.4-18.7-93.2-49.9L50.7 312.9c-4.9-7.4-2.9-17.3 4.4-22.2s17.3-2.9 22.2 4.4L116 353.2c5.9 8.8 16.8 12.7 26.9 9.7s17-12.4 17-23V320 64zM176 0c-35.3 0-64 28.7-64 64V261.7C91.2 238 55.5 232.8 28.5 250.7C-.9 270.4-8.9 310.1 10.8 339.5L78.3 440.8c29.7 44.5 79.6 71.2 133.1 71.2h.9H272h56c66.3 0 120-53.7 120-120V288l0-16c0-35.3-28.7-64-64-64c-4.5 0-8.8 .5-13 1.3c-11.7-15.4-30.2-25.3-51-25.3c-6.9 0-13.5 1.1-19.7 3.1C288.7 170.7 269.6 160 248 160c-2.7 0-5.4 .2-8 .5V64c0-35.3-28.7-64-64-64zm48 304c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304zm48-16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304c0-8.8-7.2-16-16-16zm80 16c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304z",Kt="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z",qt="M160 0c17.7 0 32 14.3 32 32V67.7c1.6 .2 3.1 .4 4.7 .7c.4 .1 .7 .1 1.1 .2l48 8.8c17.4 3.2 28.9 19.9 25.7 37.2s-19.9 28.9-37.2 25.7l-47.5-8.7c-31.3-4.6-58.9-1.5-78.3 6.2s-27.2 18.3-29 28.1c-2 10.7-.5 16.7 1.2 20.4c1.8 3.9 5.5 8.3 12.8 13.2c16.3 10.7 41.3 17.7 73.7 26.3l2.9 .8c28.6 7.6 63.6 16.8 89.6 33.8c14.2 9.3 27.6 21.9 35.9 39.5c8.5 17.9 10.3 37.9 6.4 59.2c-6.9 38-33.1 63.4-65.6 76.7c-13.7 5.6-28.6 9.2-44.4 11V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V445.1c-.4-.1-.9-.1-1.3-.2l-.2 0 0 0c-24.4-3.8-64.5-14.3-91.5-26.3c-16.1-7.2-23.4-26.1-16.2-42.2s26.1-23.4 42.2-16.2c20.9 9.3 55.3 18.5 75.2 21.6c31.9 4.7 58.2 2 76-5.3c16.9-6.9 24.6-16.9 26.8-28.9c1.9-10.6 .4-16.7-1.3-20.4c-1.9-4-5.6-8.4-13-13.3c-16.4-10.7-41.5-17.7-74-26.3l-2.8-.7 0 0C119.4 279.3 84.4 270 58.4 253c-14.2-9.3-27.5-22-35.8-39.6c-8.4-17.9-10.1-37.9-6.1-59.2C23.7 116 52.3 91.2 84.8 78.3c13.3-5.3 27.9-8.9 43.2-11V32c0-17.7 14.3-32 32-32z",ut="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z",ft="M234.5 5.7c13.9-5 29.1-5 43.1 0l192 68.6C495 83.4 512 107.5 512 134.6V377.4c0 27-17 51.2-42.5 60.3l-192 68.6c-13.9 5-29.1 5-43.1 0l-192-68.6C17 428.6 0 404.5 0 377.4V134.6c0-27 17-51.2 42.5-60.3l192-68.6zM256 66L82.3 128 256 190l173.7-62L256 66zm32 368.6l160-57.1v-188L288 246.6v188z",lt="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z",xt="M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z",Xt="M184 48H328c4.4 0 8 3.6 8 8V96H176V56c0-4.4 3.6-8 8-8zm-56 8V96H64C28.7 96 0 124.7 0 160v96H192 352h8.2c32.3-39.1 81.1-64 135.8-64c5.4 0 10.7 .2 16 .7V160c0-35.3-28.7-64-64-64H384V56c0-30.9-25.1-56-56-56H184c-30.9 0-56 25.1-56 56zM320 352H224c-17.7 0-32-14.3-32-32V288H0V416c0 35.3 28.7 64 64 64H360.2C335.1 449.6 320 410.5 320 368c0-5.4 .2-10.7 .7-16l-.7 0zm320 16a144 144 0 1 0 -288 0 144 144 0 1 0 288 0zM496 288c8.8 0 16 7.2 16 16v48h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H496c-8.8 0-16-7.2-16-16V304c0-8.8 7.2-16 16-16z",Qt="M88.2 309.1c9.8-18.3 6.8-40.8-7.5-55.8C59.4 230.9 48 204 48 176c0-63.5 63.8-128 160-128s160 64.5 160 128s-63.8 128-160 128c-13.1 0-25.8-1.3-37.8-3.6c-10.4-2-21.2-.6-30.7 4.2c-4.1 2.1-8.3 4.1-12.6 6c-16 7.2-32.9 13.5-49.9 18c2.8-4.6 5.4-9.1 7.9-13.6c1.1-1.9 2.2-3.9 3.2-5.9zM0 176c0 41.8 17.2 80.1 45.9 110.3c-.9 1.7-1.9 3.5-2.8 5.1c-10.3 18.4-22.3 36.5-36.6 52.1c-6.6 7-8.3 17.2-4.6 25.9C5.8 378.3 14.4 384 24 384c43 0 86.5-13.3 122.7-29.7c4.8-2.2 9.6-4.5 14.2-6.8c15.1 3 30.9 4.5 47.1 4.5c114.9 0 208-78.8 208-176S322.9 0 208 0S0 78.8 0 176zM432 480c16.2 0 31.9-1.6 47.1-4.5c4.6 2.3 9.4 4.6 14.2 6.8C529.5 498.7 573 512 616 512c9.6 0 18.2-5.7 22-14.5c3.8-8.8 2-19-4.6-25.9c-14.2-15.6-26.2-33.7-36.6-52.1c-.9-1.7-1.9-3.4-2.8-5.1C622.8 384.1 640 345.8 640 304c0-94.4-87.9-171.5-198.2-175.8c4.1 15.2 6.2 31.2 6.2 47.8l0 .6c87.2 6.7 144 67.5 144 127.4c0 28-11.4 54.9-32.7 77.2c-14.3 15-17.3 37.6-7.5 55.8c1.1 2 2.2 4 3.2 5.9c2.5 4.5 5.2 9 7.9 13.6c-17-4.5-33.9-10.7-49.9-18c-4.3-1.9-8.5-3.9-12.6-6c-9.5-4.8-20.3-6.2-30.7-4.2c-12.1 2.4-24.7 3.6-37.8 3.6c-61.7 0-110-26.5-136.8-62.3c-16 5.4-32.8 9.4-50 11.8C279 439.8 350 480 432 480z",Zt="M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13L448 224c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.1s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3 .6 2.8 .6 4.3c0 8.8-7.2 16-16 16H286.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7C504.8 273.7 512 257.7 512 240c0-35.3-28.6-64-64-64l-92.3 0c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89zM32 192c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H32z",er="M54.2 202.9C123.2 136.7 216.8 96 320 96s196.8 40.7 265.8 106.9c12.8 12.2 33 11.8 45.2-.9s11.8-33-.9-45.2C549.7 79.5 440.4 32 320 32S90.3 79.5 9.8 156.7C-2.9 169-3.3 189.2 8.9 202s32.5 13.2 45.2 .9zM320 256c56.8 0 108.6 21.1 148.2 56c13.3 11.7 33.5 10.4 45.2-2.8s10.4-33.5-2.8-45.2C459.8 219.2 393 192 320 192s-139.8 27.2-190.5 72c-13.3 11.7-14.5 31.9-2.8 45.2s31.9 14.5 45.2 2.8c39.5-34.9 91.3-56 148.2-56zm64 160a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z",gt="M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z",mt="M0 24C0 10.7 10.7 0 24 0H69.5c22 0 41.5 12.8 50.6 32h411c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3H170.7l5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5H488c13.3 0 24 10.7 24 24s-10.7 24-24 24H199.7c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5H24C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z",vt="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z",jt="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z",bt="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z",tr="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z",yt="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z",wt="M0 336c0 79.5 64.5 144 144 144H512c70.7 0 128-57.3 128-128c0-61.9-44-113.6-102.4-125.4c4.1-10.7 6.4-22.4 6.4-34.6c0-53-43-96-96-96c-19.7 0-38.1 6-53.3 16.2C367 64.2 315.3 32 256 32C167.6 32 96 103.6 96 192c0 2.7 .1 5.4 .2 8.1C40.2 219.8 0 273.2 0 336z",Ct="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z",St="M48 256C48 141.1 141.1 48 256 48c63.1 0 119.6 28.1 157.8 72.5c8.6 10.1 23.8 11.2 33.8 2.6s11.2-23.8 2.6-33.8C403.3 34.6 333.7 0 256 0C114.6 0 0 114.6 0 256v40c0 13.3 10.7 24 24 24s24-10.7 24-24V256zm458.5-52.9c-2.7-13-15.5-21.3-28.4-18.5s-21.3 15.5-18.5 28.4c2.9 13.9 4.5 28.3 4.5 43.1v40c0 13.3 10.7 24 24 24s24-10.7 24-24V256c0-18.1-1.9-35.8-5.5-52.9zM256 80c-19 0-37.4 3-54.5 8.6c-15.2 5-18.7 23.7-8.3 35.9c7.1 8.3 18.8 10.8 29.4 7.9c10.6-2.9 21.8-4.4 33.4-4.4c70.7 0 128 57.3 128 128v24.9c0 25.2-1.5 50.3-4.4 75.3c-1.7 14.6 9.4 27.8 24.2 27.8c11.8 0 21.9-8.6 23.3-20.3c3.3-27.4 5-55 5-82.7V256c0-97.2-78.8-176-176-176zM150.7 148.7c-9.1-10.6-25.3-11.4-33.9-.4C93.7 178 80 215.4 80 256v24.9c0 24.2-2.6 48.4-7.8 71.9C68.8 368.4 80.1 384 96.1 384c10.5 0 19.9-7 22.2-17.3c6.4-28.1 9.7-56.8 9.7-85.8V256c0-27.2 8.5-52.4 22.9-73.1c7.2-10.4 8-24.6-.2-34.2zM256 160c-53 0-96 43-96 96v24.9c0 35.9-4.6 71.5-13.8 106.1c-3.8 14.3 6.7 29 21.5 29c9.5 0 17.9-6.2 20.4-15.4c10.5-39 15.9-79.2 15.9-119.7V256c0-28.7 23.3-52 52-52s52 23.3 52 52v24.9c0 36.3-3.5 72.4-10.4 107.9c-2.7 13.9 7.7 27.2 21.8 27.2c10.2 0 19-7 21-17c7.7-38.8 11.6-78.3 11.6-118.1V256c0-53-43-96-96-96zm24 96c0-13.3-10.7-24-24-24s-24 10.7-24 24v24.9c0 59.9-11 119.3-32.5 175.2l-5.9 15.3c-4.8 12.4 1.4 26.3 13.8 31s26.3-1.4 31-13.8l5.9-15.3C267.9 411.9 280 346.7 280 280.9V256z",rr="M315.4 15.5C309.7 5.9 299.2 0 288 0s-21.7 5.9-27.4 15.5l-96 160c-5.9 9.9-6.1 22.2-.4 32.2s16.3 16.2 27.8 16.2H384c11.5 0 22.2-6.2 27.8-16.2s5.5-22.3-.4-32.2l-96-160zM288 312V456c0 22.1 17.9 40 40 40H472c22.1 0 40-17.9 40-40V312c0-22.1-17.9-40-40-40H328c-22.1 0-40 17.9-40 40zM128 512a128 128 0 1 0 0-256 128 128 0 1 0 0 256z",sr="M116.7 219.4a15.7 15.7 0 0 0 22.7 0l96.8-99.8c28.2-29 26.5-77.1-4.9-103.9C203.8-7.7 163-3.5 137.9 22.4L128 32.6l-9.9-10.1C93.1-3.5 52.3-7.7 24.9 15.6c-31.4 26.8-33 74.9-5 103.9zm143.9 100.5h-48l-7.1-14.2a27.4 27.4 0 0 0 -25.7-17.8h-71.7a27.4 27.4 0 0 0 -25.7 17.8l-7 14.2h-48A27.5 27.5 0 0 0 0 347.3v137.3A27.4 27.4 0 0 0 27.4 512h233.1A27.5 27.5 0 0 0 288 484.6V347.3a27.5 27.5 0 0 0 -27.4-27.5zM144 468a52 52 0 1 1 52-52 52 52 0 0 1 -52 52zm355.4-115.9h-60.6l22.4-50.8c2.1-6.7-3.9-13.2-12.2-13.2h-75.6c-6.3 0-11.7 3.9-12.5 9.1l-16.8 106.9c-1 6.3 4.9 11.9 12.5 11.9h62.3l-24.2 83c-1.9 6.7 4.2 12.9 12.2 12.9a13.3 13.3 0 0 0 10.9-5.3l92.4-138.9c4.9-6.9-1.2-15.7-10.9-15.7zM478.1 .3L329.5 23.2C314.9 25.4 304 38.9 304 54.8V161.6a83.3 83.3 0 0 0 -16-1.7c-35.4 0-64 21.5-64 48s28.7 48 64 48c35.2 0 63.7-21.3 64-47.7V99.7l112-17.2v47.2a83.3 83.3 0 0 0 -16-1.7c-35.4 0-64 21.5-64 48s28.7 48 64 48c35.2 0 63.7-21.3 64-47.7V32c0-19.5-16-34.4-33.9-31.7z",nr="M432 416h-23.4L277.9 53.7A32 32 0 0 0 247.6 32h-47.2a32 32 0 0 0 -30.3 21.7L39.4 416H16a16 16 0 0 0 -16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0 -16-16h-19.6l23.3-64h152.6l23.3 64H304a16 16 0 0 0 -16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0 -16-16zM176.9 272L224 142.5 271.2 272z",ir="M464 32H336c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48zm-288 0H48C21.5 32 0 53.5 0 80v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48z",or="M608 0H160a32 32 0 0 0 -32 32v96h160V64h192v320h128a32 32 0 0 0 32-32V32a32 32 0 0 0 -32-32zM232 103a9 9 0 0 1 -9 9h-30a9 9 0 0 1 -9-9V73a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm352 208a9 9 0 0 1 -9 9h-30a9 9 0 0 1 -9-9v-30a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm0-104a9 9 0 0 1 -9 9h-30a9 9 0 0 1 -9-9v-30a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm0-104a9 9 0 0 1 -9 9h-30a9 9 0 0 1 -9-9V73a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm-168 57H32a32 32 0 0 0 -32 32v288a32 32 0 0 0 32 32h384a32 32 0 0 0 32-32V192a32 32 0 0 0 -32-32zM96 224a32 32 0 1 1 -32 32 32 32 0 0 1 32-32zm288 224H64v-32l64-64 32 32 128-128 96 96z",cr="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z",lr="M0 448V64h18v384H0zm26.9-.3V64H36v383.7h-9.1zm27.1 0V64h8.9v383.7H54zm44.9 0V64h8.9v383.7h-8.9zm36 0V64h17.7v383.7h-17.7zm44.9 0V64h8.9v383.7h-8.9zm18 0V64h8.9v383.7h-8.9zm18 0V64h8.9v383.7h-8.9zm35.7 0V64h18v383.7h-18zm44.9 0V64h18v383.7h-18zm36 0V64h18v383.7h-18zm36 0V64h18v383.7h-18zm26.9 0V64h18v383.7h-18zm45.1 0V64h26.9v383.7h-26.9zm35.7 0V64h9.1v383.7H476zm18 .3V64h18v384h-18z",ar="M0 180V56c0-13.3 10.7-24 24-24h124c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H64v84c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12zM288 44v40c0 6.6 5.4 12 12 12h84v84c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12V56c0-13.3-10.7-24-24-24H300c-6.6 0-12 5.4-12 12zm148 276h-40c-6.6 0-12 5.4-12 12v84h-84c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h124c13.3 0 24-10.7 24-24V332c0-6.6-5.4-12-12-12zM160 468v-40c0-6.6-5.4-12-12-12H64v-84c0-6.6-5.4-12-12-12H12c-6.6 0-12 5.4-12 12v124c0 13.3 10.7 24 24 24h124c6.6 0 12-5.4 12-12z",kt="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1 -32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1 -32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1 -32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.7 23.7 0 0 0 -21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0 -16-16z",dr="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z",hr="M576 128c0-35.3-28.7-64-64-64H205.3c-17 0-33.3 6.7-45.3 18.7L9.4 233.4c-6 6-9.4 14.1-9.4 22.6s3.4 16.6 9.4 22.6L160 429.3c12 12 28.3 18.7 45.3 18.7H512c35.3 0 64-28.7 64-64V128zM271 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z",pr="M 6 3.6 V 0 L 0 6 l 6 6 V 8 c 6 -0.27 7.53 3.76 7.88 5.77 a 0.27 0.27 0 0 0 0.53 0 C 17.08 2.86 6 3.6 6 3.6 Z",ur="M352 224c53 0 96-43 96-96s-43-96-96-96s-96 43-96 96c0 4 .2 8 .7 11.9l-94.1 47C145.4 170.2 121.9 160 96 160c-53 0-96 43-96 96s43 96 96 96c25.9 0 49.4-10.2 66.6-26.9l94.1 47c-.5 3.9-.7 7.8-.7 11.9c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-25.9 0-49.4 10.2-66.6 26.9l-94.1-47c.5-3.9 .7-7.8 .7-11.9s-.2-8-.7-11.9l94.1-47C302.6 213.8 326.1 224 352 224z",fr="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z",xr="M254 52.8C249.3 40.3 237.3 32 224 32s-25.3 8.3-30 20.8L57.8 416 32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-1.8 0 18-48 159.6 0 18 48-1.8 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-25.8 0L254 52.8zM279.8 304l-111.6 0L224 155.1 279.8 304z",gr="M448 256c0-106-86-192-192-192l0 384c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z",mr="M256 0L576 0c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64l-320 0c-35.3 0-64-28.7-64-64l0-224c0-35.3 28.7-64 64-64zM476 106.7C471.5 100 464 96 456 96s-15.5 4-20 10.7l-56 84L362.7 169c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l80 0 48 0 144 0c8.9 0 17-4.9 21.2-12.7s3.7-17.3-1.2-24.6l-96-144zM336 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM64 128l96 0 0 256 0 32c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-32 160 0 0 64c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 192c0-35.3 28.7-64 64-64zm8 64c-8.8 0-16 7.2-16 16l0 16c0 8.8 7.2 16 16 16l16 0c8.8 0 16-7.2 16-16l0-16c0-8.8-7.2-16-16-16l-16 0zm0 104c-8.8 0-16 7.2-16 16l0 16c0 8.8 7.2 16 16 16l16 0c8.8 0 16-7.2 16-16l0-16c0-8.8-7.2-16-16-16l-16 0zm0 104c-8.8 0-16 7.2-16 16l0 16c0 8.8 7.2 16 16 16l16 0c8.8 0 16-7.2 16-16l0-16c0-8.8-7.2-16-16-16l-16 0zm336 16l0 16c0 8.8 7.2 16 16 16l16 0c8.8 0 16-7.2 16-16l0-16c0-8.8-7.2-16-16-16l-16 0c-8.8 0-16 7.2-16 16z",vr="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM184 232l144 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-144 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z",jr="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM232 344l0-64-64 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l64 0 0-64c0-13.3 10.7-24 24-24s24 10.7 24 24l0 64 64 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-64 0 0 64c0 13.3-10.7 24-24 24s-24-10.7-24-24z",Nt="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z",br="M134.1 296H436c6.6 0 12-5.4 12-12v-56c0-6.6-5.4-12-12-12H134.1v-46.1c0-21.4-25.9-32.1-41-17L7 239c-9.4 9.4-9.4 24.6 0 33.9l86.1 86.1c15.1 15.1 41 4.4 41-17V296z",yr="apcDB",ye="APCObjectStore",wr=1;function nt(){return new Promise((w,t)=>{const i=indexedDB.open(yr,wr);i.onupgradeneeded=function(o){let d=o.target.result,f;d.objectStoreNames.contains(ye)?f=i.transaction.objectStore(ye):f=d.createObjectStore(ye,{keyPath:"id"}),f.indexNames.contains("nameIndex")||f.createIndex("nameIndex","name",{unique:!1})},i.onsuccess=function(o){w(o.target.result)},i.onerror=function(o){t("Database error: "+o.target.errorCode)}})}function Ee(w,t,i,o){return nt().then(d=>new Promise((f,x)=>{const h=d.transaction(["APCObjectStore"],"readwrite"),b=h.objectStore("APCObjectStore"),l={id:w,classification:t,content:i,misc:o},v=b.put(l);v.onsuccess=()=>f(v.result),v.onerror=()=>x(v.error),h.oncomplete=()=>d.close()}))}function Fe(w){return nt().then(t=>new Promise((i,o)=>{const d=t.transaction([ye],"readonly"),x=d.objectStore(ye).get(w);x.onsuccess=()=>i(x.result),x.onerror=()=>o(x.error),d.oncomplete=()=>t.close()}))}function Cr(w){return nt().then(t=>new Promise((i,o)=>{const d=t.transaction([ye],"readwrite"),x=d.objectStore(ye).delete(w);x.onsuccess=()=>i(),x.onerror=()=>o(x.error),d.oncomplete=()=>t.close()}))}function Ne(w=null){return nt().then(t=>new Promise((i,o)=>{const d=t.transaction([ye],"readonly"),x=d.objectStore(ye).openCursor(),h=[];x.onsuccess=b=>{const l=b.target.result;l?((!w||w(l.value))&&h.push(l.value),l.continue()):i(h)},x.onerror=b=>{o("Failed to retrieve items: "+b.target.errorCode)},d.oncomplete=()=>{t.close()}}))}function Sr(w){const{currentTabNo:t,theme:i,apcCanvasInstance:o,apiEndpoint:d,reloadTabs:f,updateActiveSection:x,initCategory:h,initInstance:b,apiKey:l,setActiveTab:v}=w,[u,y]=a.useState(),[n,m]=a.useState(h||"Hats"),[p,j]=a.useState(!1),[s,C]=a.useState(),B=`${d}/api/v1/designer`;a.useEffect(()=>{I()},[]),a.useEffect(()=>{o&&b&&b.fabricID&&_(b.fabricID)},[b]);const I=()=>{j(!0);const E=`${B}/search-designs-images/${n}`;ge.get(E).then(T=>{j(!1),T.data.object.length>0?y(T.data):C("No matching results found")}).catch(T=>{j(!1),console.error("Error fetching data:",T)})},_=E=>{const T=B+"/find-public-design/"+E;ge.get(T).then(V=>{const{object:Y}=V==null?void 0:V.data;Y&&(window.location.href=`/design-center/${Y.pdid}`)}).catch(V=>{console.error("Error fetching data:",V)})},F=()=>u?u.object.map((E,T)=>e.jsx(a.Fragment,{children:e.jsxs("div",{style:{position:"relative",backgroundColor:"#ffffff",boxShadow:"0 4px 8px rgba(0, 0, 0, 0.1)",borderRadius:"2px",overflow:"hidden",marginBottom:"9px"},tabIndex:0,className:"apc-mpx-widget-responsive-image-container",onClick:()=>_(E.fabricID),children:[e.jsxs("div",{style:{position:"absolute",top:0,right:0,backgroundColor:i.secondaryColor,padding:"5px",zIndex:1,color:"#ffffff"},children:["$",E.product.price]}),e.jsx("img",{src:E.imageURL,alt:E.description,className:"apc-mpx-widget-responsive-image"}),e.jsx("div",{children:E.product.name})]})},T)):null;return e.jsxs(a.Fragment,{children:[e.jsx("br",{}),e.jsxs("div",{style:{display:"flex",flexDirection:"row"},children:[e.jsx("div",{children:e.jsx("input",{placeholder:"Search templates",type:"text",onChange:E=>m(E.target.value),className:"apc-mpc-widget-input",style:{border:`solid 3px ${i.primaryColor}`,height:"40px"}})}),e.jsx("div",{children:e.jsx("button",{className:"apc-mpc-widget-btn",onClick:()=>I(),style:{backgroundColor:i.primaryColor,color:"#ffffff",height:"35px"},children:p?"...Processing":"Search"})})]}),s?e.jsxs("div",{style:{color:"orangered",fontWeight:"bold"},children:[e.jsx("br",{}),s]}):null,e.jsx("br",{})," ",e.jsx("br",{})," ",e.jsx("br",{}),F()]})}const kr={fontFamily:"Arial",fontSize:"40px",color:"transparent",background:"linear-gradient(to bottom, red 0%, yellow 100%)",WebkitBackgroundClip:"text",backgroundClip:"text",cursor:"pointer"},Nr={fontFamily:"comic sans ms",fontSize:"40px",color:"#000",width:"300px",textShadow:`
31
+ -1px -1px 0 #ff0000,
32
+ 1px -1px 0 #ff0000,
33
+ -1px 1px 0 #ff0000,
34
+ 1px 1px 0 #ff0000`,cursor:"pointer"},Or={fontFamily:"Arial",fontSize:"40px",color:"#000",width:"300px",transform:"skewX(20deg) skewY(10deg)",textAlign:"center",cursor:"pointer"},Ar={fontFamily:"Arial",fontSize:"40px",color:"#000",textShadow:"0 0 10px green",textAlign:"center",cursor:"pointer"},Ir={fontFamily:"Arial",fontSize:"40px",color:"#000",backgroundColor:"orange",borderRadius:"5px",cursor:"pointer"},Er={color:"black",fontSize:"40px",opacity:"0.5",fontFamily:"Arial, sans-serif",cursor:"pointer"};function Tr(w){const{apcCanvasInstance:t,isMobile:i,closeMobileModalSecondaryPanel:o}=w,d=(n,m)=>{const p=new M.fabric.Textbox("Stay Humble!",{width:300,left:200,top:200,fontFamily:n,fill:m,hasControls:!0});t.add(p),t.setActiveObject(p),i&&o(!0)},f=({primaryTextLabel:n,primaryTextFontFamily:m,primaryTextColor:p,secondaryTextLabel:j,SecondaryTextFontFamily:s,secondaryTextColor:C})=>{const B=new M.fabric.Textbox(n,{fontFamily:m,width:300,left:200,top:200,fill:p}),I=new M.fabric.Textbox(j,{fontFamily:s,fill:C,fontSize:12,width:150});I.top=B.top+B.height+10,I.left=B.left,t.add(B),t.add(I),t.setActiveObject(B),i&&o(!0)},x=(n,m)=>{const p=new M.fabric.Textbox("Adventure Awaits!",{width:300,left:200,top:200,fontFamily:n,fill:m}),j={color:"rgba(0,0,0,0.5)",blur:10,offsetX:5,offsetY:5};p.shadow=j,t.add(p),t.setActiveObject(p),i&&o(!0)},h=()=>{const n=new M.fabric.Textbox("Love More",{left:100,top:100,width:300,fontFamily:"Arial",fill:new M.fabric.Gradient({type:"linear",gradientUnits:"pixels",coords:{x1:0,y1:0,x2:0,y2:50},colorStops:[{offset:0,color:"red"},{offset:1,color:"yellow"}]})});t.add(n),t.setActiveObject(n),i&&o(!0)},b=()=>{const n=new M.fabric.Textbox("Good Vibes Only",{left:150,top:150,fontFamily:"comic sans ms",fontSize:40,width:300,fill:"#000",stroke:"#ff0000",strokeWidth:2});t.add(n),t.setActiveObject(n),i&&o(!0)},l=()=>{const n=new M.fabric.Textbox("Dream Big",{left:300,top:300,width:300,fontFamily:"Arial",fill:"#000",skewX:20,skewY:10});t.add(n),t.setActiveObject(n),i&&o(!0)},v=()=>{const n=new M.fabric.Textbox("Choose Joy",{left:350,top:350,fontFamily:"Arial",fill:"#000",opacity:.5});t.add(n),t.setActiveObject(n),i&&o(!0)},u=()=>{const n=new M.fabric.Textbox("Find Your Fire",{left:550,top:550,fontFamily:"Arial",fill:"#000",shadow:"yellow 0 0 10px"});t.add(n),t.setActiveObject(n),i&&o(!0)},y=()=>{const n=new M.fabric.Textbox("Be Kind",{left:650,top:650,fontFamily:"Arial",fill:"#000",backgroundColor:"orange"});t.add(n),t.setActiveObject(n),i&&o(!0)};return e.jsx(a.Fragment,{children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsx("div",{style:{fontSize:"20px",cursor:"pointer"},onClick:()=>d("Arial, sans-serif","#6a45d2"),children:e.jsx("span",{style:{color:"#6a45d2",fontFamily:"Arial, sans-serif",fontSize:"30px"},children:"Stay Humble "})}),e.jsx("div",{style:{fontSize:"20px",cursor:"pointer"},onClick:()=>f({primaryTextLabel:"Life is full of",primaryTextFontFamily:"Rock Salt, cursive",primaryTextColor:"black",secondaryTextLabel:"surprises",SecondaryTextFontFamily:"Arial, sans-serif",secondaryTextColor:"black"}),children:e.jsxs("span",{style:{color:"black",fontFamily:"Rock Salt, cursive",fontSize:"30px"},children:["Life is full of ",e.jsx("div",{style:{fontFamily:"Arial, sans-serif",fontSize:"14px"},children:"surprises"})," "]})}),e.jsx("div",{style:{fontSize:"20px",cursor:"pointer",paddingLeft:"20px"},onClick:()=>f({primaryTextLabel:"You are invited!",primaryTextFontFamily:"Bilbao Swash Caps",primaryTextColor:"green",secondaryTextLabel:"Taste the best wines from the best makers",SecondaryTextFontFamily:"Arial, sans-serif",secondaryTextColor:"green"}),children:e.jsxs("span",{style:{color:"green",fontFamily:"Bilbao Swash Caps",fontSize:"30px"},children:["You are invited! ",e.jsx("div",{style:{color:"green",fontFamily:"Arial, sans-serif",fontSize:"14px",textAlign:"right"},children:"Taste the best wines from the best makers"})," "]})}),e.jsx("div",{style:{fontSize:"20px",cursor:"pointer",paddingLeft:"20px"},onClick:()=>x("aclonica","#6a45d2"),children:e.jsx("span",{style:{color:"#6a45d2",fontFamily:"aclonica",fontSize:"30px",textShadow:"2px 2px 4px rgba(0, 0, 0, 2)"},children:"Adventure Awaits "})}),e.jsx("div",{onClick:()=>h(),style:kr,children:"Love More"}),e.jsx("div",{onClick:()=>b(),style:Nr,children:"Good Vibes Only"}),e.jsx("div",{onClick:()=>l(),style:Or,children:"Dream Big"}),e.jsx("div",{onClick:()=>u(),style:Ar,children:"Find Your Fire"}),e.jsx("div",{onClick:()=>y(),style:Ir,children:"Be Kind"}),e.jsx("div",{onClick:()=>v(),style:Er,children:"Choose Joy"})]})})}const Ot=async w=>{try{const i=await(await fetch(w)).blob();return new Promise((o,d)=>{const f=new FileReader;f.onloadend=()=>o(f.result),f.onerror=d,f.readAsDataURL(i)})}catch(t){throw console.error("Error converting image to base64:",t),t}};function Mr({apcCanvasInstance:w,theme:t}){const[i,o]=a.useState(!1),d=l=>{const v=l.target.files[0];if(v){const u=new FileReader;u.onload=y=>x(y.target.result),u.readAsDataURL(v)}},f=l=>{l.preventDefault(),o(!1);const v=l.dataTransfer.files[0];if(v){const u=new FileReader;u.onload=y=>x(y.target.result),u.readAsDataURL(v)}},x=l=>{M.fabric.Image.fromURL(l,v=>{v.set({left:100,top:100,scaleX:.5,scaleY:.5}),w.add(v)})},h=l=>{l.preventDefault(),o(!0)},b=()=>{o(!1)};return e.jsxs("div",{style:{border:i?"2px dashed #4CAF50":"2px dashed #ccc",padding:"40px",margin:"20px",borderRadius:"10px",textAlign:"center",backgroundColor:i?"#f0fff4":"#f9f9f9",transition:"background-color 0.3s",cursor:"pointer",position:"relative"},onDragOver:h,onDragLeave:b,onDrop:f,onClick:()=>document.getElementById("file-input").click(),children:[e.jsx("input",{type:"file",accept:"image/*",style:{display:"none"},id:"file-input",onChange:d}),e.jsxs("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:i?"#4CAF50":"#ccc",fontSize:"48px"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16",width:"18",viewBox:"0 0 512 512",style:{fill:t.primaryColor},children:e.jsx("path",{d:Nt})}),e.jsx("br",{})," ",e.jsx("br",{})]}),e.jsx("label",{htmlFor:"file-input",style:{display:"block",marginTop:"80px",fontSize:"16px",color:"#333"},children:"Click or drag & drop to upload an image"}),e.jsx("div",{style:{fontSize:"12px",color:"#888"},children:"Supports PNG, JPG, WEBP formats"})]})}function it(w){const{featureText:t}=w;return e.jsxs("div",{style:{padding:"10px"},children:[t??"This is a premium feature. Get API key here","  ",e.jsx("a",{href:"https://mypixia.com/api-key",target:"_blank",children:"https://mypixia.com/api-key"}),e.jsx("br",{})]})}function ot(){return e.jsxs("div",{className:"loading-container",children:[e.jsxs("div",{className:"spinner",children:[e.jsx("div",{className:"spinner-circle"}),e.jsx("div",{className:"spinner-circle-inner"})]}),e.jsx("p",{className:"loading-text",children:"Loading..."})]})}function zr(w){const{apcCanvasInstance:t,theme:i,apiKey:o,apiEndpoint:d,isMobile:f,closeMobileModalSecondaryPanel:x}=w,[h,b]=a.useState("flowers"),[l,v]=a.useState(!1),[u,y]=a.useState(),[n,m]=a.useState(!1),[p,j]=a.useState(!1),s=sessionStorage.getItem("apc_x_sub_status"),C=`${d}/api/v1/designer`;a.useEffect(()=>{I()},[]),a.useEffect(()=>{(async()=>{s==="active"?(m(!0),j(!0)):(v(!0),await B())})()},[]);const B=()=>{v(!0);const T=`${C}/get-subscription-status/${o}`;ge.get(T).then(V=>{V.data.object&&V.data.object==="active"&&(sessionStorage.setItem("apc_x_sub_status","active"),m(!0))}).catch(V=>{sessionStorage.setItem("apc_x_sub_status","")}).finally(()=>{v(!1),j(!0)})},I=()=>{v(!0);const T={"X-Api-Key":o},V=`${C}/get-images/${h}`;ge.get(V,{headers:T}).then(Y=>{var J;v(!1),y((J=Y.data)==null?void 0:J.object)}).catch(Y=>{console.error("Error fetching data:",Y),v(!1)})},_=async T=>{const V=await Ot(T);V&&M.fabric.Image.fromURL(V,Y=>{Y.set({left:0,top:0,scaleX:.3,scaleY:.3}),t.add(Y)}),f&&x(!0)},F=()=>u?e.jsx("div",{children:u.map(T=>e.jsx("div",{onClick:()=>_(T.urls.regular),style:{cursor:"pointer"},children:e.jsx("img",{height:300,width:300,src:T.urls.regular,alt:T.description||"No description"})},T.id))}):null,E=()=>!n&&!l&&p?e.jsx(it,{featureText:"Get premium AI images with subscription at "}):n&&!l&&p?e.jsxs("div",{children:[e.jsx("strong",{children:"- OR -"}),e.jsxs("div",{children:[e.jsx("input",{type:"text",onChange:T=>b(T.target.value),className:"apc-mpc-widget-input",style:{border:`solid 3px ${i.primaryColor}`}}),e.jsx("br",{})," ",e.jsx("br",{}),e.jsx("button",{className:"apc-mpc-widget-btn",onClick:()=>I(),style:{backgroundColor:i.primaryColor,color:"#ffffff"},children:l?"...Processing":"Search"})]}),e.jsx("br",{}),e.jsx("br",{}),F()]}):e.jsx(ot,{});return e.jsxs(a.Fragment,{children:[e.jsx("br",{}),e.jsx("br",{}),e.jsx(Mr,{apcCanvasInstance:t,theme:i}),e.jsx("br",{}),e.jsx("br",{}),E()]})}function At(w){const{apcCanvasInstance:t,theme:i,isMobile:o,closeMobileModalSecondaryPanel:d}=w,f=j=>{const s=new M.fabric.Rect({width:100,height:60,left:200,top:200,fill:"",stroke:i.primaryColor});t.add(s),t.setActiveObject(s),o&&d(!0)},x=j=>{const s=new M.fabric.Circle({radius:30,fill:"",stroke:i.primaryColor,left:200,top:200});t.add(s),t.setActiveObject(s),o&&d(!0)},h=j=>{const s=new M.fabric.Triangle({width:40,height:50,fill:"",stroke:i.primaryColor,left:200,top:200});t.add(s),t.setActiveObject(s),o&&d(!0)},b=j=>{const s=new M.fabric.Line([50,10,250,10],{fill:"",stroke:i.primaryColor,left:200,top:200});t.add(s),t.setActiveObject(s),o&&d(!0)},l=(j,s,C)=>{const B=s,I=s,_=Math.PI/j;let F=[],E=0;for(let T=0;T<j;T++){let V=B+Math.cos(E)*s,Y=I+Math.sin(E)*s;F.push({x:V,y:Y}),E+=_,V=B+Math.cos(E)*C,Y=I+Math.sin(E)*C,F.push({x:V,y:Y}),E+=_}return F},v=(j,s)=>{const C=Math.PI*2/j,B=s,I=s,_=[];for(let F=0;F<j;F++){const E=B+s*Math.cos(F*C),T=I+s*Math.sin(F*C);_.push({x:E,y:T})}return _},u=j=>{const s=l(5,60,30),C=new M.fabric.Polygon(s,{left:200,top:200,fill:"",stroke:i.primaryColor,strokeWidth:2,strokeLineJoin:"bevil"},!1);t.add(C),t.setActiveObject(C),o&&d(!0)},y=j=>{const s=v(6,30),C=new M.fabric.Polygon(s,{left:200,top:200,fill:"",stroke:i.primaryColor,strokeWidth:2,strokeLineJoin:"bevil"},!1);t.add(C),t.setActiveObject(C),o&&d(!0)},n=j=>{const s=new M.fabric.Path(ut,{fill:"",stroke:i.primaryColor,left:200,top:200});t.add(s),t.setActiveObject(s),o&&d(!0)},m=j=>{const s=new M.fabric.Path(ft,{fill:"",stroke:i.primaryColor,left:200,top:200});t.add(s),t.setActiveObject(s),o&&d(!0)},p=j=>{const s=new M.fabric.Path(lt,{fill:"",stroke:i.primaryColor,left:200,top:200});t.add(s),t.setActiveObject(s),o&&d(!0)};return t?e.jsxs(a.Fragment,{children:[e.jsx("br",{}),e.jsx("div",{onClick:j=>f(),style:{fontSize:"50px",cursor:"pointer"},children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"76",width:"76",viewBox:"0 0 712 712",fill:"none",strokeWidth:"4",stroke:i.primaryColor,children:e.jsx("path",{d:"M512 512H0V0h512v512z"})})}),e.jsx("div",{onClick:j=>x(),style:{fontSize:"50px",cursor:"pointer"},children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"66",width:"66",viewBox:"0 0 512 512",fill:"none",strokeWidth:"4",stroke:i.primaryColor,children:e.jsx("path",{d:"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"})})}),e.jsx("div",{onClick:j=>h(),draggable:!0,style:{fontSize:"50px",cursor:"pointer"},children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"106",width:"106",viewBox:"0 0 320 512",fill:"none",strokeWidth:"4",stroke:i.primaryColor,children:e.jsx("path",{d:"M288.7 352H31.3c-17.8 0-26.7-21.5-14.1-34.1l128.7-128.7c7.8-7.8 20.5-7.8 28.3 0l128.7 128.7c12.6 12.6 3.7 34.1-14.1 34.1z"})})}),e.jsx("div",{onClick:j=>u(),style:{fontSize:"50px",cursor:"pointer"},children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"86",width:"86",viewBox:"0 0 576 512",fill:"none",strokeWidth:"4",stroke:i.primaryColor,children:e.jsx("path",{d:"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"})})}),e.jsx("div",{onClick:j=>y(),style:{fontSize:"50px",cursor:"pointer"},children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",strokeWidth:"4",stroke:i.primaryColor,height:"80px",width:"80px",version:"1.1",id:"Capa_1",viewBox:"0 0 184.751 184.751",children:e.jsx("path",{d:"M0,92.375l46.188-80h92.378l46.185,80l-46.185,80H46.188L0,92.375z"})})}),e.jsx("div",{onClick:j=>b(),style:{fontSize:"50px",cursor:"pointer"},children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",strokeWidth:"4",stroke:i.primaryColor,id:"Capa_1",width:"86px",height:"86px",viewBox:"0 0 290.658 290.658",children:e.jsx("g",{children:e.jsx("g",{children:e.jsx("rect",{y:"139.474",style:{fill:i.primaryColor},width:"290.658",height:"1.711"})})})})}),e.jsx("div",{onClick:j=>n(),style:{fontSize:"50px",cursor:"pointer"},children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"86",width:"86",viewBox:"0 0 512 512",fill:"none",strokeWidth:"4",stroke:i.primaryColor,children:e.jsx("path",{d:ut})})}),e.jsx("div",{onClick:j=>m(),style:{fontSize:"50px",cursor:"pointer"},children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"86",width:"86",viewBox:"0 0 512 512",fill:"none",strokeWidth:"4",stroke:i.primaryColor,children:e.jsx("path",{d:ft})})}),e.jsx("div",{onClick:j=>p(),style:{fontSize:"50px",cursor:"pointer"},children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"86",width:"86",viewBox:"0 0 448 512",fill:"none",strokeWidth:"4",stroke:i.primaryColor,children:e.jsx("path",{d:lt})})})]}):null}function Lr(w){const{apcCanvasInstance:t,theme:i,isMobile:o,closeMobileModalSecondaryPanel:d}=w,f=h=>{const b=new M.fabric.Path(h,{left:200,top:200,fill:i.primaryColor,scaleX:.1,scaleY:.1});t.add(b),t.setActiveObject(b),o&&d(!0)},x=h=>{switch(h){case"icon-phone":f(Wt);break;case"icon-question":f(Ut);break;case"icon-clock":f(Gt);break;case"icon-twitter":f($t);break;case"icon-check":f(Jt);break;case"icon-pointer":f(Yt);break;case"icon-mail":f(Kt);break;case"icon-dollar":f(qt);break;case"icon-graduation":f(xt);break;case"icon-business-suit":f(Xt);break;case"icon-chat":f(Qt);break;case"icon-thumbs-up":f(Zt);break;case"icon-wifi":f(er);break;case"icon-info":f(vt);break;case"icon-cart":f(mt);break;case"icon-comment":f(gt);break;case"icon-location-map":f(jt);break;case"icon-heart-1":f(bt);break;case"icon-arrow-right-1":f(lt);break;case"icon-xmark":f(yt);break;case"icon-cloud":f(wt);break;case"icon-smile":f(Ct);break;case"icon-like":f(St);break;default:console.log("no matching type")}};return e.jsx(a.Fragment,{children:e.jsxs("div",{style:{padding:"5px"},className:o?"apc-mpx-widget-secondary-icons-mobile":"apc-mpx-widget-secondary-icons",children:[e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-phone"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 512 512",children:e.jsx("path",{fill:i.primaryColor,d:"M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-question"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 320 512",children:e.jsx("path",{fill:i.primaryColor,d:"M80 160c0-35.3 28.7-64 64-64h32c35.3 0 64 28.7 64 64v3.6c0 21.8-11.1 42.1-29.4 53.8l-42.2 27.1c-25.2 16.2-40.4 44.1-40.4 74V320c0 17.7 14.3 32 32 32s32-14.3 32-32v-1.4c0-8.2 4.2-15.8 11-20.2l42.2-27.1c36.6-23.6 58.8-64.1 58.8-107.7V160c0-70.7-57.3-128-128-128H144C73.3 32 16 89.3 16 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm80 320a40 40 0 1 0 0-80 40 40 0 1 0 0 80z"})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-clock"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 512 512",children:e.jsx("path",{fill:i.primaryColor,d:"M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-twitter"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 512 512",children:e.jsx("path",{fill:i.primaryColor,d:"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-check"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 448 512",children:e.jsx("path",{fill:i.primaryColor,d:"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-pointer"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 448 512",children:e.jsx("path",{fill:i.primaryColor,d:"M160 64c0-8.8 7.2-16 16-16s16 7.2 16 16V200c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c8.8 0 16 7.2 16 16c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c7.8 0 14.3 5.6 15.7 13c1.6 8.2 7.3 15.1 15.1 18s16.7 1.6 23.3-3.6c2.7-2.1 6.1-3.4 9.9-3.4c8.8 0 16 7.2 16 16l0 16V392c0 39.8-32.2 72-72 72H272 212.3h-.9c-37.4 0-72.4-18.7-93.2-49.9L50.7 312.9c-4.9-7.4-2.9-17.3 4.4-22.2s17.3-2.9 22.2 4.4L116 353.2c5.9 8.8 16.8 12.7 26.9 9.7s17-12.4 17-23V320 64zM176 0c-35.3 0-64 28.7-64 64V261.7C91.2 238 55.5 232.8 28.5 250.7C-.9 270.4-8.9 310.1 10.8 339.5L78.3 440.8c29.7 44.5 79.6 71.2 133.1 71.2h.9H272h56c66.3 0 120-53.7 120-120V288l0-16c0-35.3-28.7-64-64-64c-4.5 0-8.8 .5-13 1.3c-11.7-15.4-30.2-25.3-51-25.3c-6.9 0-13.5 1.1-19.7 3.1C288.7 170.7 269.6 160 248 160c-2.7 0-5.4 .2-8 .5V64c0-35.3-28.7-64-64-64zm48 304c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304zm48-16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304c0-8.8-7.2-16-16-16zm80 16c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304z"})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-mail"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 512 512",children:e.jsx("path",{fill:i.primaryColor,d:"M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-dollar"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 320 512",children:e.jsx("path",{fill:i.primaryColor,d:"M160 0c17.7 0 32 14.3 32 32V67.7c1.6 .2 3.1 .4 4.7 .7c.4 .1 .7 .1 1.1 .2l48 8.8c17.4 3.2 28.9 19.9 25.7 37.2s-19.9 28.9-37.2 25.7l-47.5-8.7c-31.3-4.6-58.9-1.5-78.3 6.2s-27.2 18.3-29 28.1c-2 10.7-.5 16.7 1.2 20.4c1.8 3.9 5.5 8.3 12.8 13.2c16.3 10.7 41.3 17.7 73.7 26.3l2.9 .8c28.6 7.6 63.6 16.8 89.6 33.8c14.2 9.3 27.6 21.9 35.9 39.5c8.5 17.9 10.3 37.9 6.4 59.2c-6.9 38-33.1 63.4-65.6 76.7c-13.7 5.6-28.6 9.2-44.4 11V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V445.1c-.4-.1-.9-.1-1.3-.2l-.2 0 0 0c-24.4-3.8-64.5-14.3-91.5-26.3c-16.1-7.2-23.4-26.1-16.2-42.2s26.1-23.4 42.2-16.2c20.9 9.3 55.3 18.5 75.2 21.6c31.9 4.7 58.2 2 76-5.3c16.9-6.9 24.6-16.9 26.8-28.9c1.9-10.6 .4-16.7-1.3-20.4c-1.9-4-5.6-8.4-13-13.3c-16.4-10.7-41.5-17.7-74-26.3l-2.8-.7 0 0C119.4 279.3 84.4 270 58.4 253c-14.2-9.3-27.5-22-35.8-39.6c-8.4-17.9-10.1-37.9-6.1-59.2C23.7 116 52.3 91.2 84.8 78.3c13.3-5.3 27.9-8.9 43.2-11V32c0-17.7 14.3-32 32-32z"})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-graduation"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 640 512",children:e.jsx("path",{fill:i.primaryColor,d:xt})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-business-suit"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 640 512",children:e.jsx("path",{fill:i.primaryColor,d:"M184 48H328c4.4 0 8 3.6 8 8V96H176V56c0-4.4 3.6-8 8-8zm-56 8V96H64C28.7 96 0 124.7 0 160v96H192 352h8.2c32.3-39.1 81.1-64 135.8-64c5.4 0 10.7 .2 16 .7V160c0-35.3-28.7-64-64-64H384V56c0-30.9-25.1-56-56-56H184c-30.9 0-56 25.1-56 56zM320 352H224c-17.7 0-32-14.3-32-32V288H0V416c0 35.3 28.7 64 64 64H360.2C335.1 449.6 320 410.5 320 368c0-5.4 .2-10.7 .7-16l-.7 0zm320 16a144 144 0 1 0 -288 0 144 144 0 1 0 288 0zM496 288c8.8 0 16 7.2 16 16v48h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H496c-8.8 0-16-7.2-16-16V304c0-8.8 7.2-16 16-16z"})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-chat"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 640 512",children:e.jsx("path",{fill:i.primaryColor,d:"M88.2 309.1c9.8-18.3 6.8-40.8-7.5-55.8C59.4 230.9 48 204 48 176c0-63.5 63.8-128 160-128s160 64.5 160 128s-63.8 128-160 128c-13.1 0-25.8-1.3-37.8-3.6c-10.4-2-21.2-.6-30.7 4.2c-4.1 2.1-8.3 4.1-12.6 6c-16 7.2-32.9 13.5-49.9 18c2.8-4.6 5.4-9.1 7.9-13.6c1.1-1.9 2.2-3.9 3.2-5.9zM0 176c0 41.8 17.2 80.1 45.9 110.3c-.9 1.7-1.9 3.5-2.8 5.1c-10.3 18.4-22.3 36.5-36.6 52.1c-6.6 7-8.3 17.2-4.6 25.9C5.8 378.3 14.4 384 24 384c43 0 86.5-13.3 122.7-29.7c4.8-2.2 9.6-4.5 14.2-6.8c15.1 3 30.9 4.5 47.1 4.5c114.9 0 208-78.8 208-176S322.9 0 208 0S0 78.8 0 176zM432 480c16.2 0 31.9-1.6 47.1-4.5c4.6 2.3 9.4 4.6 14.2 6.8C529.5 498.7 573 512 616 512c9.6 0 18.2-5.7 22-14.5c3.8-8.8 2-19-4.6-25.9c-14.2-15.6-26.2-33.7-36.6-52.1c-.9-1.7-1.9-3.4-2.8-5.1C622.8 384.1 640 345.8 640 304c0-94.4-87.9-171.5-198.2-175.8c4.1 15.2 6.2 31.2 6.2 47.8l0 .6c87.2 6.7 144 67.5 144 127.4c0 28-11.4 54.9-32.7 77.2c-14.3 15-17.3 37.6-7.5 55.8c1.1 2 2.2 4 3.2 5.9c2.5 4.5 5.2 9 7.9 13.6c-17-4.5-33.9-10.7-49.9-18c-4.3-1.9-8.5-3.9-12.6-6c-9.5-4.8-20.3-6.2-30.7-4.2c-12.1 2.4-24.7 3.6-37.8 3.6c-61.7 0-110-26.5-136.8-62.3c-16 5.4-32.8 9.4-50 11.8C279 439.8 350 480 432 480z"})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-thumbs-up"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 512 512",children:e.jsx("path",{fill:i.primaryColor,d:"M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13L448 224c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.1s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3 .6 2.8 .6 4.3c0 8.8-7.2 16-16 16H286.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7C504.8 273.7 512 257.7 512 240c0-35.3-28.6-64-64-64l-92.3 0c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89zM32 192c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H32z"})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-wifi"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 640 512",children:e.jsx("path",{fill:i.primaryColor,d:"M54.2 202.9C123.2 136.7 216.8 96 320 96s196.8 40.7 265.8 106.9c12.8 12.2 33 11.8 45.2-.9s11.8-33-.9-45.2C549.7 79.5 440.4 32 320 32S90.3 79.5 9.8 156.7C-2.9 169-3.3 189.2 8.9 202s32.5 13.2 45.2 .9zM320 256c56.8 0 108.6 21.1 148.2 56c13.3 11.7 33.5 10.4 45.2-2.8s10.4-33.5-2.8-45.2C459.8 219.2 393 192 320 192s-139.8 27.2-190.5 72c-13.3 11.7-14.5 31.9-2.8 45.2s31.9 14.5 45.2 2.8c39.5-34.9 91.3-56 148.2-56zm64 160a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z"})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-info"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 512 512",children:e.jsx("path",{fill:i.primaryColor,d:vt})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-cart"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 576 512",children:e.jsx("path",{fill:i.primaryColor,d:mt})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-comment"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 512 512",children:e.jsx("path",{fill:i.primaryColor,d:gt})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-location-map"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 384 512",children:e.jsx("path",{fill:i.primaryColor,d:jt})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-heart-1"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 512 512",children:e.jsx("path",{fill:i.primaryColor,d:bt})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-arrow-right-1"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 448 512",children:e.jsx("path",{fill:i.primaryColor,d:tr})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-xmark"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 384 512",children:e.jsx("path",{fill:i.primaryColor,d:yt})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-cloud"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 640 512",children:e.jsx("path",{fill:i.primaryColor,d:wt})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-smile"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 512 512",children:e.jsx("path",{fill:i.primaryColor,d:Ct})})}),e.jsx("div",{className:"apc-mpx-widget-secondary-icon",onClick:h=>x("icon-like"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 512 512",children:e.jsx("path",{fill:i.primaryColor,d:St})})})]})})}const Pe=({defaultValue:w,size:t,ariaLabel:i,onChange:o})=>{const[d,f]=a.useState(w),x=h=>{const b=h.target.value;f(b),o(b)};return e.jsx("input",{type:"range",value:d,min:"0",max:"100",step:"1",className:`slider ${t}`,"aria-label":i,onChange:x})};function It(w){const{apcCanvasInstance:t,theme:i}=w,[o,d]=a.useState(!1),f=a.useRef(null),x=()=>{d(n=>!n)},h=n=>{f.current&&f.current.contains(n.target)||d(!1)};a.useEffect(()=>(document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}),[]);const b=(n,m)=>{if(t.getActiveObject()){if(m==="family"&&t.getActiveObject().set({fontFamily:n}),m==="bold"&&t.getActiveObject().set({fontWeight:n}),m==="italic"&&t.getActiveObject().set({fontStyle:n}),m==="underline"&&t.getActiveObject().set({underline:n}),m==="line-through"&&t.getActiveObject().set({linethrough:n}),m==="overline"&&t.getActiveObject().set({overline:n}),m==="color"&&t.getActiveObject().set({fill:n}),m==="shadow"){const p=document.getElementById("apc-text-shadow-color").value;let j=document.getElementById("apc-text-shadow-horiz").value,s=document.getElementById("apc-text-shadow-vert").value,C=document.getElementById("apc-text-shadow-blur").value;j||(j=5),s||(s=5),C||(C=5),t.getActiveObject().set({shadow:p+" "+j+" "+s+" "+C})}if(m==="stroke"){const p=document.getElementById("apc-text-stroke-color").value;let j=document.getElementById("apc-text-stroke-width").value;j||(j=1),t.getActiveObject().set({stroke:p,strokeWidth:j})}m==="bg-color"&&t.getActiveObject().set({textBackgroundColor:n}),m==="font-size"&&t.getActiveObject().set({fontSize:n}),t&&t.renderAll()}},l=n=>{if(t.getActiveObject()){const m=parseFloat(n/100);t.getActiveObject().set({opacity:m.toFixed(1)}),t&&t.renderAll()}},v=({color:n,x:m,y:p,blur:j})=>{if(t.getActiveObject()){const s=t.getActiveObject().shadow;n||(n=s?s.color:"#6a45d2"),m||(m=s?s.offsetX:5),p||(p=s?s.offsetY:5),j||(j=s?s.blur:5),t.getActiveObject().set({shadow:n+" "+m+" "+p+" "+j}),t&&t.renderAll()}},u=()=>e.jsxs("div",{className:"apc-mpx-widget-button-group-container",children:[" ",e.jsx("button",{className:"apc-mpx-widget-effects-button",onClick:x,style:{color:i.primaryColor,cursor:"pointer"},children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",height:"15px",width:"15px",children:e.jsx("path",{fill:i.primaryColor,d:xr})})}),o&&e.jsxs("div",{className:"apc-mpx-widget-popper-container",ref:f,children:[e.jsx("div",{className:"apc-mpx-widget-popper-arrow-up"}),e.jsxs("ul",{id:"split-button-menu",autoFocus:!0,children:[e.jsx("li",{className:"apc-mpx-widget-popper-li",children:e.jsxs("div",{style:{textAlign:"left"},children:[e.jsx("div",{style:{fontWeight:"bold",color:"purple"},children:"Background"}),e.jsxs("div",{style:{marginLeft:"10px"},children:[" Color",e.jsx("input",{style:{height:"25px",width:"25px",border:"none"},type:"color",onChange:n=>b(n.target.value,"bg-color")})]}),e.jsxs("div",{style:{marginLeft:"10px"},children:[" Opacity",e.jsx("div",{children:e.jsx(Pe,{defaultValue:100,size:"small","aria-label":"Opacity",onChange:n=>l(n)})})]})]})}),e.jsx("li",{className:"apc-mpx-widget-popper-li",children:e.jsxs("div",{style:{textAlign:"left"},children:[e.jsx("div",{style:{fontWeight:"bold",color:"purple"},children:"Shadow"}),e.jsxs("div",{style:{marginLeft:"10px"},children:["Blur ",e.jsx("input",{type:"text",style:{height:"22px",width:"20px"},onChange:n=>v({blur:n.target.value})})]}),e.jsxs("div",{style:{marginLeft:"10px"},children:[" Color",e.jsx("input",{style:{height:"25px",width:"25px",border:"none"},type:"color",onChange:n=>v({color:n.target.value})})]}),e.jsxs("div",{style:{marginLeft:"10px"},children:[" Offset X",e.jsx("div",{children:e.jsx(Pe,{defaultValue:0,size:"small","aria-label":"Opacity",onChange:n=>v({x:n})})})]}),e.jsxs("div",{style:{marginLeft:"10px"},children:[" Offset Y",e.jsx("div",{children:e.jsx(Pe,{defaultValue:0,size:"small","aria-label":"Opacity",onChange:n=>v({y:n})})})]})]})})]})]})]});return e.jsx(a.Fragment,{children:e.jsxs("div",{style:{display:"flex",flexDirection:"row",color:"#ffffff"},children:[e.jsx("div",{style:{marginTop:"4px",marginLeft:"2px"},children:e.jsx("input",{style:{height:"20px",width:"30px",border:"solid 0px #ffffff"},type:"color",onChange:n=>b(n.target.value,"color")})})," ",e.jsx("div",{style:{marginTop:"4px"},children:e.jsxs("select",{style:{height:"20px",border:"solid 0px #ffffff"},id:"ffamily",onChange:n=>b(n.target.value,"family"),children:[e.jsx("option",{value:"comic sans ms",children:"Comic Sans MS"}),e.jsx("option",{value:"frankruehl",children:"FrankRuehl"}),e.jsx("option",{value:"lucida Bright",children:"Lucida Bright"}),e.jsx("option",{value:"bradley Hand",children:"Bradley Hand"}),e.jsx("option",{value:"Times New Roman",children:"Times New Roman"}),e.jsx("option",{value:"Georgia",children:"Georgia"}),e.jsx("option",{value:"Garamond",children:"Garamond"}),e.jsx("option",{value:"Baskerville",children:"Baskerville"}),e.jsx("option",{value:"Palatino",children:"Palatino"}),e.jsx("option",{value:"Book Antiqua",children:"Book Antiqua"}),e.jsx("option",{value:"Arial",children:"Arial"}),e.jsx("option",{value:"Helvetica",children:"Helvetica"}),e.jsx("option",{value:"Verdana",children:"Verdana"}),e.jsx("option",{value:"Tahoma",children:"Tahoma"}),e.jsx("option",{value:"Futura",children:"Futura"}),e.jsx("option",{value:"Calibri",children:"Calibri"}),e.jsx("option",{value:"Courier New",children:"Courier New"}),e.jsx("option",{value:"Consolas",children:"Consolas"}),e.jsx("option",{value:"Monaco",children:"Monaco"}),e.jsx("option",{value:"Brush Script",children:"Brush Script"}),e.jsx("option",{value:"Lucida Handwriting",children:"Lucida Handwriting"}),e.jsx("option",{value:"Zapfino",children:"Zapfino"}),e.jsx("option",{value:"Impact",children:"Impact"}),e.jsx("option",{value:"Cooper Black",children:"Cooper Black"}),e.jsx("option",{value:"Papyrus",children:"Papyrus"}),e.jsx("option",{value:"Comic Sans MS",children:"Comic Sans MS"}),e.jsx("option",{value:"Gotham",children:"Gotham"}),e.jsx("option",{value:"Franklin Gothic",children:"Franklin Gothic"}),e.jsx("option",{value:"DIN",children:"DIN"}),e.jsx("option",{value:"Rockwell",children:"Rockwell"}),e.jsx("option",{value:"Century Gothic",children:"Century Gothic"}),e.jsx("option",{value:"Trebuchet MS",children:"Trebuchet MS"}),e.jsx("option",{value:"Lobster",children:"Lobster"}),e.jsx("option",{value:"Roboto",children:"Roboto"}),e.jsx("option",{value:"Myriad Pro",children:"Myriad Pro"}),e.jsx("option",{value:"Gill Sans",children:"Gill Sans"}),e.jsx("option",{value:"Bodoni",children:"Bodoni"}),e.jsx("option",{value:"Perpetua",children:"Perpetua"}),e.jsx("option",{value:"Akzidenz-Grotesk",children:"Akzidenz-Grotesk"}),e.jsx("option",{value:"Source Sans Pro",children:"Source Sans Pro"}),e.jsx("option",{value:"Lato",children:"Lato"}),e.jsx("option",{value:"Noto Sans",children:"Noto Sans"}),e.jsx("option",{value:"Open Sans",children:"Open Sans"}),e.jsx("option",{value:"Montserrat",children:"Montserrat"})]})})," ",e.jsx("div",{style:{marginTop:"4px"},children:e.jsx("input",{defaultValue:40,style:{width:"50px",height:"20px",border:"solid 0px #ffffff"},type:"number",onChange:n=>b(n.target.value,"font-size")})}),e.jsx("div",{style:{marginTop:"4px",marginLeft:"2px",cursor:"pointer"},role:"button",onClick:n=>t.getActiveObject().fontWeight==="normal"?b("bold","bold"):b("normal","bold"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16px",width:"16px",viewBox:"0 0 384 512",children:e.jsx("path",{fill:"#ffffff",d:"M333.5 238a122 122 0 0 0 27-65.2C367.9 96.5 308 32 233.4 32H34a16 16 0 0 0 -16 16v48a16 16 0 0 0 16 16h31.9v288H34a16 16 0 0 0 -16 16v48a16 16 0 0 0 16 16h209.3c70.8 0 134.1-51.8 141-122.4 4.7-48.5-16.4-92.1-50.8-119.6zM145.7 112h87.8a48 48 0 0 1 0 96h-87.8zm87.8 288h-87.8V288h87.8a56 56 0 0 1 0 112z"})})}),e.jsx("div",{style:{marginTop:"4px",marginLeft:"2px",cursor:"pointer"},role:"button",onClick:n=>t.getActiveObject().fontStyle==="normal"?b("italic","italic"):b("normal","italic"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16px",width:"16px",viewBox:"0 0 320 512",children:e.jsx("path",{fill:"#ffffff",d:"M320 48v32a16 16 0 0 1 -16 16h-62.8l-80 320H208a16 16 0 0 1 16 16v32a16 16 0 0 1 -16 16H16a16 16 0 0 1 -16-16v-32a16 16 0 0 1 16-16h62.8l80-320H112a16 16 0 0 1 -16-16V48a16 16 0 0 1 16-16h192a16 16 0 0 1 16 16z"})})}),e.jsx("div",{style:{marginTop:"4px",marginLeft:"2px",cursor:"pointer"},role:"button",onClick:n=>t.getActiveObject().underline?b(!1,"underline"):b(!0,"underline"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16px",width:"16px",viewBox:"0 0 448 512",children:e.jsx("path",{fill:"#ffffff",d:"M32 64h32v160c0 88.2 71.8 160 160 160s160-71.8 160-160V64h32a16 16 0 0 0 16-16V16a16 16 0 0 0 -16-16H272a16 16 0 0 0 -16 16v32a16 16 0 0 0 16 16h32v160a80 80 0 0 1 -160 0V64h32a16 16 0 0 0 16-16V16a16 16 0 0 0 -16-16H32a16 16 0 0 0 -16 16v32a16 16 0 0 0 16 16zm400 384H16a16 16 0 0 0 -16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0 -16-16z"})})}),e.jsx("div",{style:{marginTop:"4px",marginLeft:"2px",cursor:"pointer"},role:"button","aria-label":"Italics",onClick:n=>t.getActiveObject().linethrough?b(!1,"line-through"):b(!0,"line-through"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16px",width:"16px",viewBox:"0 0 512 512",children:e.jsx("path",{fill:"#ffffff",d:"M496 224H293.9l-87.2-26.8A43.6 43.6 0 0 1 219.6 112h66.8A49.9 49.9 0 0 1 331 139.6a16 16 0 0 0 21.5 7.2l42.9-21.5a16 16 0 0 0 7.2-21.5l-.5-1A128 128 0 0 0 287.5 32h-68a123.7 123.7 0 0 0 -123 135.6c2 20.9 10.1 39.8 21.8 56.4H16a16 16 0 0 0 -16 16v32a16 16 0 0 0 16 16h480a16 16 0 0 0 16-16v-32a16 16 0 0 0 -16-16zm-180.2 96A43 43 0 0 1 336 356.5 43.6 43.6 0 0 1 292.5 400h-66.8A49.9 49.9 0 0 1 181 372.4a16 16 0 0 0 -21.5-7.2l-42.9 21.5a16 16 0 0 0 -7.2 21.5l.5 1A128 128 0 0 0 224.5 480h68a123.7 123.7 0 0 0 123-135.6 114.3 114.3 0 0 0 -5.3-24.4z"})})}),e.jsx("div",{children:u()})]})})}function He(w){const{apcCanvasInstance:t,theme:i}=w,o=a.useRef(null),[d,f]=a.useState(!1),x=()=>{f(u=>!u)},h=(u,y)=>{if(t&&t.getActiveObject()){if(u==="bg-color"&&t.getActiveObject().set({fill:y}),u==="border-color"&&t.getActiveObject().set({stroke:y}),u==="gradient-bg-color1"||u==="gradient-bg-color2"){let n=document.getElementById("apc-object-bg-gradient-color1").value,m=document.getElementById("apc-object-bg-gradient-color2").value;const p=new M.fabric.Gradient({type:"linear",gradientUnits:"pixels",coords:{x1:0,y1:0,x2:0,y2:t.getActiveObject().height},colorStops:[{offset:0,color:n||"#000"},{offset:1,color:m||"#fff"}]});t.getActiveObject().set({fill:p})}t&&t.renderAll()}},b=u=>{if(t.getActiveObject()){const y=parseFloat(u/100);t.getActiveObject().set({opacity:y.toFixed(1)}),t&&t.renderAll()}},l=({color:u,x:y,y:n,blur:m})=>{if(t.getActiveObject()){const p=t.getActiveObject().shadow;u||(u=p?p.color:"#6a45d2"),y||(y=p?p.offsetX:5),n||(n=p?p.offsetY:5),m||(m=p?p.blur:5),t.getActiveObject().set({shadow:u+" "+y+" "+n+" "+m}),t&&t.renderAll()}};return e.jsx(a.Fragment,{children:e.jsxs("div",{className:"apc-mpx-widget-button-group-container",children:[e.jsx("button",{className:"apc-mpx-widget-effects-button",onClick:x,style:{color:i.primaryColor,fontWeight:"bold",cursor:"pointer",borderRadius:"25px"},children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",height:"22px",width:"22px",children:e.jsx("path",{fill:i.primaryColor,d:gr})})}),d&&e.jsxs("div",{className:"apc-mpx-widget-popper-container",ref:o,style:{marginLeft:"20%"},children:[e.jsx("div",{className:"apc-mpx-widget-popper-arrow-up"}),e.jsxs("ul",{id:"split-button-menu",autoFocus:!0,children:[e.jsx("li",{className:"apc-mpx-widget-popper-li",children:e.jsxs("div",{style:{textAlign:"left"},children:[e.jsx("div",{style:{fontWeight:"bold",color:"purple"},children:"Background"}),e.jsxs("div",{style:{marginLeft:"10px"},children:[" Color",e.jsx("input",{style:{height:"25px",width:"25px",border:"none"},type:"color",onChange:u=>h("bg-color",u.target.value)})]}),e.jsxs("div",{style:{marginLeft:"10px"},children:["Gradient:",e.jsx("input",{style:{height:"25px",width:"25px",border:"none"},className:"editor-color-input-selector",id:"apc-object-bg-gradient-color1",type:"color",onChange:u=>h("gradient-bg-color1",u.target.value)}),e.jsx("input",{style:{height:"25px",width:"25px",border:"none"},className:"editor-color-input-selector",id:"apc-object-bg-gradient-color2",type:"color",onChange:u=>h("gradient-bg-color2",u.target.value)})]}),e.jsx("div",{style:{marginLeft:"10px"},children:e.jsxs("div",{children:["Opacity: ",e.jsx(Pe,{defaultValue:100,size:"small","aria-label":"Opacity",onChange:u=>b(u)})]})}),e.jsxs("div",{style:{marginLeft:"10px"},children:[" Border color",e.jsx("input",{style:{height:"25px",width:"25px",border:"none"},type:"color",onChange:u=>h("border-color",u.target.value)})]})]})}),e.jsx("li",{className:"apc-mpx-widget-popper-li",children:e.jsxs("div",{style:{textAlign:"left"},children:[e.jsx("div",{style:{fontWeight:"bold",color:"purple"},children:"Shadow"}),e.jsxs("div",{style:{marginLeft:"10px"},children:["Blur width ",e.jsx("input",{type:"text",style:{height:"22px",width:"25px"},onChange:u=>l({blur:u.target.value})})]}),e.jsxs("div",{style:{marginLeft:"10px"},children:[" Color",e.jsx("input",{style:{height:"25px",width:"25px",border:"none"},type:"color",onChange:u=>l({color:u.target.value})})]}),e.jsx("div",{style:{marginLeft:"10px"},children:e.jsxs("div",{children:["Offset X: ",e.jsx(Pe,{defaultValue:0,size:"small","aria-label":"Opacity",onChange:u=>l({x:u})})]})}),e.jsx("div",{style:{marginLeft:"10px"},children:e.jsxs("div",{children:["Offset Y: ",e.jsx(Pe,{defaultValue:0,size:"small","aria-label":"Opacity",onChange:u=>l({y:u})})]})})]})})]})]})]})})}function _r(w){const{apcCanvasInstance:t,apiEndpoint:i,apiKey:o}=w,[d,f]=a.useState("art"),[x,h]=a.useState(),[b,l]=a.useState(!1),v=i+"/api/v1/designer";a.useEffect(()=>{u()},[]);const u=()=>{l(!0);const p={"X-Api-Key":o},j=`${v}/get-quote/${d}`;ge.get(j,{headers:p}).then(s=>{var C;l(!1),h((C=s.data)==null?void 0:C.object)}).catch(s=>{console.error("Error fetching data:",s),l(!1)})},y=(p,j,s)=>{const C=new M.fabric.Textbox(j,{width:500,left:100,top:200,fontSize:16}),B=new M.fabric.Textbox(s,{fontSize:14,width:200,fontWeight:"bold"});B.top=C.top+C.height+10,B.left=C.left,t.add(C),t.add(B),t.setActiveObject(C)},n=p=>{l(!0),f(p),u()},m=()=>x?e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:5},children:x.map((p,j)=>e.jsxs("div",{onClick:s=>y(s,p.quote,p.author),style:{cursor:"pointer",padding:"3px",textAlign:"left",color:"#210080",fontFamily:"ui-monospace",border:"1px solid #dedcdc",borderRadius:"8px"},children:[e.jsx("div",{children:p.quote}),e.jsx("div",{children:e.jsx("strong",{children:e.jsx("i",{children:p.author})})}),e.jsx("br",{})]},j))}):null;return e.jsxs(a.Fragment,{children:[e.jsx("h3",{children:"Quotes"}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("div",{children:m()}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("br",{}),e.jsxs("div",{style:{padding:"3px"},children:[e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("best"),children:[d==="best"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Best"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("business"),children:[d==="business"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Business"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("car"),children:[d==="car"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Car"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("change"),children:[d==="change"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Change"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("computers"),children:[d==="computers"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Computers"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("cool"),children:[d==="cool"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Cool"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("courage"),children:[d==="courage"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Courage"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("dad"),children:[d==="dad"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Dad"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("dating"),children:[d==="dating"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Date"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("death"),children:[d==="death"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Death"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("design"),children:[d==="design"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Design"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("dreams"),children:[d==="dreams"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Dreams"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("education"),children:[d==="education"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Education"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("inspirational"),children:[d==="inspirational"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Inspirational"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("happiness"),children:[d==="happiness"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Happiness"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("health"),children:[d==="health"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Health"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("humor"),children:[d==="humor"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Humor"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("marriage"),children:[d==="marriage"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Marriage"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("money"),children:[d==="money"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Money"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("graduation"),children:[d==="graduation"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Graduation"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("hope"),children:[d==="hope"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Hope"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("love"),children:[d==="love"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Love"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("god"),children:[d==="god"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"God"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("equality"),children:[d==="equality"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Equality"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("failure"),children:[d==="failure"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Failure"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("fear"),children:[d==="fear"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Fear"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("legal"),children:[d==="legal"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Legal"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("attitude"),children:[d==="attitude"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Attitude"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("beauty"),children:[d==="beauty"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Beauty"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("age"),children:[d==="age"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Age"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("art"),children:[d==="art"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Art"]}),e.jsx("br",{}),e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>n("birthday"),children:[d==="birthday"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Birthday"]}),e.jsx("br",{})]})]})}function Br(w){const{apcCanvasInstance:t,theme:i,apiKey:o,apiEndpoint:d,updateActiveSection:f,reloadTabs:x,currentTabNo:h,isMobile:b,closeMobileModalSecondaryPanel:l}=w,[v,u]=a.useState("background"),[y,n]=a.useState(!1),[m,p]=a.useState(),j=d+"/api/v1/designer";a.useEffect(()=>{C()},[]);const s=_=>{const F=document.getElementById("img-default-id"),E=new M.fabric.Image(F,T=>{T.set({left:100,top:200,scaleX:.5,scaleY:.5,imageSmoothing:!0})});t.add(E),b&&l(!0)},C=()=>{n(!0);const _={"X-Api-Key":o},F=`${j}/get-images/${v}`;ge.get(F,{headers:_}).then(E=>{var T;n(!1),p((T=E.data)==null?void 0:T.object)}).catch(E=>{console.error("Error fetching data:",E),n(!1)})},B=_=>{M.fabric.Image.fromURL(_,function(F){F.width=t.width,F.height=t.height,F.scaleToWidth(t.width),F.scaleToHeight(t.height),t.setBackgroundImage(F);const E=localStorage.getItem("apc_x_activeTab"),T=JSON.stringify(t);Ee(E,"general",T,null).then(V=>{x(h+1),t&&t.renderAll()})},{crossOrigin:"anonymous"})},I=()=>m?e.jsx("div",{children:m.map(_=>e.jsx("div",{onClick:()=>B(_.urls.regular),style:{cursor:"pointer"},children:e.jsx("img",{height:300,width:300,src:_.urls.regular,alt:_.description||"No description"})},_.id))}):null;return e.jsxs(a.Fragment,{children:[e.jsx("br",{}),e.jsx("br",{}),e.jsxs("div",{style:{cursor:"pointer"},onClick:()=>s(),children:[e.jsx("img",{alt:"sample-image",id:"img-default-id",src:"https://mypixia.com/images/img-default.png",height:"200",width:"300"})," ",e.jsx("br",{}),"From my device"]}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("strong",{children:"- OR -"}),e.jsxs("div",{children:[e.jsx("input",{type:"text",onChange:_=>u(_.target.value),className:"apc-mpc-widget-input",style:{border:`solid 3px ${i.primaryColor}`}}),e.jsx("br",{})," ",e.jsx("br",{}),e.jsx("button",{className:"apc-mpc-widget-btn",onClick:()=>C(),style:{backgroundColor:i.primaryColor,color:"#ffffff"},children:y?"...Processing":"Search"})]}),e.jsx("br",{}),e.jsx("br",{}),I()]})}function Dr(w){const[t,i]=a.useState(""),[o,d]=a.useState(""),[f,x]=a.useState(!1),[h,b]=a.useState(!1),[l,v]=a.useState(!1),{apcCanvasInstance:u,theme:y,isMobile:n,closeMobileModalSecondaryPanel:m,apiKey:p,apiEndpoint:j}=w,s=`${j}/api/v1/designer`,C=sessionStorage.getItem("apc_x_sub_status");a.useEffect(()=>{(async()=>{C==="active"?(b(!0),v(!0)):(x(!0),await B())})()},[]);const B=()=>{x(!0);const F=`${s}/get-subscription-status/${p}`;ge.get(F).then(E=>{E.data.object&&E.data.object==="active"&&(sessionStorage.setItem("apc_x_sub_status","active"),b(!0))}).catch(E=>{sessionStorage.setItem("apc_x_sub_status","")}).finally(()=>{x(!1),v(!0)})},I=()=>{Bt.toDataURL(t,{width:300},(F,E)=>{F&&console.error(F),d(E)})},_=F=>{const E=document.getElementById("apc-qr-code-img"),T=new M.fabric.Image(E,V=>{V.set({left:200,top:200,scaleX:.5,scaleY:.5,imageSmoothing:!0})});u.add(T),u.setActiveObject(T),n&&m(!0)};return!h&&!f&&l?e.jsx(it,{}):h&&!f&&l?e.jsxs(a.Fragment,{children:[e.jsx("br",{}),e.jsx("br",{}),"Enter data such as url",e.jsx("br",{}),e.jsx("input",{className:"apc-mpc-widget-input",style:{border:`solid 3px ${y.primaryColor}`},type:"text",onChange:F=>i(F.target.value)}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("button",{className:"apc-mpc-widget-btn",style:{backgroundColor:y.primaryColor,color:"#ffffff"},disabled:!t,onClick:I,children:"Generate QR code"}),e.jsx("br",{}),e.jsx("br",{}),o&&e.jsxs("div",{className:"generated-view",onClick:()=>_(),style:{cursor:"pointer"},children:[e.jsx("img",{src:o,alt:"qr code",id:"apc-qr-code-img"}),e.jsx("a",{href:o})]})]}):e.jsx("div",{children:e.jsx(ot,{})})}function Fr(w){const{apcCanvasInstance:t,theme:i,isMobile:o,closeMobileModalSecondaryPanel:d,apiKey:f,apiEndpoint:x}=w,[h,b]=a.useState(""),[l,v]=a.useState(null),[u,y]=a.useState("CODE128"),n=a.useRef(null),[m,p]=a.useState(""),[j,s]=a.useState(!1),[C,B]=a.useState(!1),[I,_]=a.useState(!1),F=sessionStorage.getItem("apc_x_sub_status"),E=`${x}/api/v1/designer`;a.useEffect(()=>{(async()=>{F==="active"?(B(!0),_(!0)):(s(!0),await T())})()},[]);const T=()=>{s(!0);const J=`${E}/get-subscription-status/${f}`;ge.get(J).then(oe=>{oe.data.object&&oe.data.object==="active"&&(sessionStorage.setItem("apc_x_sub_status","active"),B(!0))}).catch(oe=>{sessionStorage.setItem("apc_x_sub_status","")}).finally(()=>{s(!1),_(!0)})},V=()=>{v(e.jsx(Dt,{value:h,format:u,id:"barcode-element"}));const J=document.getElementById("barcode-element");J&&p(J.innerHTML)},Y=J=>{if(n.current.innerHTML){const oe=n.current.innerHTML;let se=new Image;se.src="data:image/svg+xml,"+encodeURIComponent(oe),se.onload=function(){const ne=new M.fabric.Image(se,{left:200,top:200});t.add(ne),t.setActiveObject(ne)}}o&&d(!0)};return!C&&!j&&I?e.jsx(it,{}):C&&!j&&I?e.jsxs(a.Fragment,{children:[e.jsx("br",{}),e.jsx("br",{}),"Enter number",e.jsx("input",{type:"text",onChange:J=>b(J.target.value),className:"apc-mpc-widget-input",style:{border:`solid 3px ${i.primaryColor}`}}),e.jsx("br",{}),e.jsx("br",{}),"Code type",e.jsxs("select",{value:u,onChange:J=>y(J.target.value),className:"apc-mpc-widget-input",style:{border:`solid 3px ${i.primaryColor}`},children:[e.jsx("option",{value:"CODE128",children:"CODE128"}),e.jsx("option",{value:"EAN13",children:"EAN / UPC"}),e.jsx("option",{value:"CODE39",children:"CODE39"}),e.jsx("option",{value:"ITF14",children:"ITF-14"}),e.jsx("option",{value:"MSI10",children:"MSI10"}),e.jsx("option",{value:"pharmacode",children:"Pharmacode"}),e.jsx("option",{value:"codabar",children:"Codabar"})]}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("button",{className:"apc-mpc-widget-btn",disabled:!h,onClick:()=>V(),style:{backgroundColor:i.primaryColor,color:"#ffffff"},children:"Generate Barcode"}),e.jsx("br",{}),e.jsx("br",{})," ",e.jsx("br",{}),e.jsx("br",{}),e.jsx("div",{children:l&&e.jsx("div",{ref:n,onClick:J=>Y(),style:{cursor:"pointer"},children:l})})]}):e.jsxs("div",{children:[" ",e.jsx(ot,{})]})}function Pr(w){const{apcCanvasInstance:t,theme:i}=w,[o,d]=a.useState(),[f,x]=a.useState(),[h,b]=a.useState(""),l=(y,n)=>{if(t){if(y==="bg-color"&&n.target.value&&t.set({backgroundColor:n.target.value}),y==="image"&&n.target.value){const m=n.target.files[0],p=new FileReader;p.onload=function(j){const s=j.target.result;M.fabric.Image.fromURL(s,function(C){t.setBackgroundImage(C,t.renderAll.bind(t),{})})},p.readAsDataURL(m)}y==="height"&&n.target.value&&(d(n.target.value),t.setHeight(n.target.value)),y==="width"&&n.target.value&&(x(n.target.value),t.setWidth(n.target.value)),t&&t.renderAll()}},v=(y,n,m)=>{x(n),d(y),t.setWidth(n),t.setHeight(y),b(m)},u=()=>e.jsxs("div",{children:[e.jsx("br",{}),e.jsx("br",{}),e.jsx("div",{style:{display:"flex",flexDirection:"row"},children:e.jsxs("div",{children:["Height(px)",e.jsx("input",{type:"number",value:t.height,onChange:y=>l("height",y),className:"apc-mpc-widget-input",style:{border:`solid 3px ${i.primaryColor}`}})]})})," ",e.jsx("div",{style:{display:"flex",flexDirection:"row"},children:e.jsxs("div",{children:["Width(px)",e.jsx("input",{color:"info",type:"number",value:t.width,onChange:y=>l("width",y),className:"apc-mpc-widget-input",style:{border:`solid 3px ${i.primaryColor}`}})]})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("div",{style:{textAlign:"left"},children:e.jsx("h3",{children:"Standard dimensions"})}),e.jsx("br",{})," ",e.jsx("br",{}),e.jsxs("div",{children:[e.jsx("div",{style:{display:"flex",flexDirection:"row",gap:20},children:e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>v(1440,2560,"YOUC"),children:[h==="YOUC"?e.jsx("span",{style:{color:"green"},children:"✓"}):null," Youtube Channel : 2560 x 1440 px"]})}),e.jsx("br",{}),e.jsx("div",{style:{display:"flex",flexDirection:"row",gap:20},children:e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>v(1080,1920,"FULLHD"),children:[h==="FULLHD"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Full HD : 1920 x 1080 px"]})}),e.jsx("br",{}),e.jsx("div",{style:{display:"flex",flexDirection:"row",gap:20},children:e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>v(1080,1080,"INSTAP"),children:[h==="INSTAP"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Instagram Post:1080 x 1080 px"]})}),e.jsx("br",{}),e.jsx("div",{style:{display:"flex",flexDirection:"row",gap:20},children:e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>v(1920,1080,"INSTAS"),children:[h==="INSTAS"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Instagram Story: 1080 x 1920 px"]})}),e.jsx("br",{}),e.jsx("div",{style:{display:"flex",flexDirection:"row",gap:20},children:e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>v(1080,1080,"INSTAA"),children:[h==="INSTAA"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Instagram Ad: 1080 x 1080 px"]})}),e.jsx("br",{}),e.jsx("div",{style:{display:"flex",flexDirection:"row",gap:20},children:e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>v(788,940,"FACEP"),children:[h==="FACEP"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Facebook Post: 940 x 788 px"]})}),e.jsx("br",{}),e.jsx("div",{style:{display:"flex",flexDirection:"row",gap:20},children:e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>v(315,851,"FACEC"),children:[h==="FACEC"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Facebook Cover: 851 x 315 px"]})}),e.jsx("br",{}),e.jsx("div",{style:{display:"flex",flexDirection:"row",gap:20},children:e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>v(628,1200,"FACEA"),children:[h==="FACEA"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Facebook Ad: 1200 x 628 px"]})}),e.jsx("br",{}),e.jsx("div",{style:{display:"flex",flexDirection:"row",gap:20},children:e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>v(720,1280,"YOUT"),children:[h==="YOUT"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Youtube Thumbnail: 1280 x 720 px"]})}),e.jsx("br",{}),e.jsx("div",{style:{display:"flex",flexDirection:"row",gap:20},children:e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>v(534,534,"INVITE"),children:[h==="INVITE"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Invitation : 14 x 14 cm"]})}),e.jsx("br",{}),e.jsx("div",{style:{display:"flex",flexDirection:"row",gap:20},children:e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>v(1112,788,"A4"),children:[h==="A4"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"A4 : 788 x 1112 px"]})}),e.jsx("br",{}),e.jsx("div",{style:{display:"flex",flexDirection:"row",gap:20},children:e.jsxs("div",{style:{backgroundColor:"#e0e0e0"},className:"apc-mpx-widget-custom-chip",onClick:()=>v(192,336,"BUSINESSCARD"),children:[h==="BUSINESSCARD"?e.jsx("span",{style:{color:"green"},children:"✓"}):null,"Business card 3.5 x 2 in"]})})]})]});return e.jsx("div",{children:u()})}const he=(w,t,i,o="png",d)=>new Promise((f,x)=>{const h=document.createElement("canvas"),b=JSON.parse(w),l=crypto.randomUUID();h.width=i,h.height=t;const v=new M.fabric.StaticCanvas(h,{selection:!1,height:b.height,width:b.width});v.loadFromJSON(b,function(){v.renderAll();const u=(y,n)=>{const m=URL.createObjectURL(y),p=document.createElement("a");p.href=m,p.download=n,document.body.appendChild(p),p.click(),document.body.removeChild(p),URL.revokeObjectURL(m)};if(o.toLowerCase()==="svg"){const y=v.toSVG(),n=new Blob([y],{type:"image/svg+xml"});d&&u(n,"mypixia.svg"),f(new File([n],`${l}.svg`,{type:"image/svg+xml"}))}else if(o.toLowerCase()==="pdf"){const y=v.toDataURL("image/jpeg",1);import("jspdf").then(n=>{const m=new n.jsPDF({orientation:"landscape",unit:"px",format:[h.width,h.height]});m.addImage(y,"JPEG",0,0,h.width,h.height);const j=m.output("datauristring").split(",")[1],s=Hr(j,"application/pdf"),C=new File([s],`${l}.pdf`,{type:"application/pdf"}),B=`${l}.pdf`;d&&u(C,B),f(C)}).catch(n=>{console.error("Error loading jsPDF: ",n),x(n)})}else{let y,n="image/png",m="png";switch(o.toLowerCase()){case"jpeg":y=v.toDataURL("image/jpeg",1),n="image/jpeg",m="jpg";break;case"webp":y=v.toDataURL("image/webp",1),n="image/webp",m="webp";break;default:y=v.toDataURL("image/png",1);break}const p=atob(y.split(",")[1]),j=new Array(p.length);for(let I=0;I<p.length;I++)j[I]=p.charCodeAt(I);const s=new Uint8Array(j),C=new File([s],`${l}.${m}`,{type:n}),B=`${l}.${m}`;d&&u(C,B),f(C)}})});function Hr(w,t){const i=atob(w),o=new Array(i.length);for(let f=0;f<i.length;f++)o[f]=i.charCodeAt(f);const d=new Uint8Array(o);return new Blob([d],{type:t})}const Vr=({children:w})=>Ft.createPortal(w,document.getElementById("apc-mpx-editor-modal-root"));function ct(w){const{isOpen:t,onClose:i,children:o}=w;return t?e.jsx(Vr,{children:e.jsx("div",{className:"apc-mpx-widget-modal-overlay",children:e.jsxs("div",{className:"apc-mpx-widget-modal",children:[e.jsx("button",{style:{color:"red"},className:"apc-mpx-widget-modal-close-btn",onClick:i,children:"Close"}),e.jsx("div",{className:"apc-mpx-widget-modal-content",children:o})]})})}):null}const pe=(w,t)=>{w=w.startsWith("#")?w:`#${w}`;let i=parseInt(w.slice(1,3),16),o=parseInt(w.slice(3,5),16),d=parseInt(w.slice(5,7),16);return i=parseInt(i*(100-t)/100),o=parseInt(o*(100-t)/100),d=parseInt(d*(100-t)/100),i=i.toString(16).padStart(2,"0"),o=o.toString(16).padStart(2,"0"),d=d.toString(16).padStart(2,"0"),`#${i}${o}${d}`};function Et(w){const[t,i]=a.useState(""),{apcCanvasJSON:o,height:d,width:f}=w;return a.useEffect(()=>{const x=document.createElement("canvas"),h=JSON.parse(o);x.width=f,x.height=d;const b=new M.fabric.StaticCanvas(x,{selection:!1,height:h.height,width:h.width});b.loadFromJSON(h,function(){b.renderAll();const l=b.toDataURL("image/png",1);i(l)})},[]),t?e.jsx("div",{children:e.jsx("div",{className:"apc-mpx-widget-responsive-image-container",style:{cursor:"pointer",maxHeight:"500px",maxWidth:"500px"},children:e.jsx("img",{src:t,alt:"mypixia cool design",className:"apc-mpx-widget-responsive-image"})})}):"...processing"}function Rr(w){const{theme:t,apcCanvasInstance:i}=w,[o,d]=a.useState(!1),[f,x]=a.useState(),h=()=>{d(!0)},b=()=>{d(!1)},l=()=>{if(!i)return null;const v=JSON.stringify(i);return e.jsxs(ct,{isOpen:o,onClose:b,children:[e.jsx(Et,{apcCanvasJSON:v,height:i.height,width:i.width}),e.jsx("div",{children:e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:5},children:[e.jsx("div",{children:e.jsx(re.FacebookShareButton,{url:f,children:e.jsx(re.FacebookIcon,{size:32,round:!0})})}),e.jsx("div",{children:e.jsx(re.TwitterShareButton,{url:f,title:"Hello",children:e.jsx(re.XIcon,{size:32,round:!0})})}),e.jsx("div",{children:e.jsx(re.TelegramShareButton,{url:f,title:"Hello",children:e.jsx(re.TelegramIcon,{size:32,round:!0})})}),e.jsx("div",{children:e.jsx(re.WhatsappShareButton,{url:f,title:"Hello",separator:":: ",children:e.jsx(re.WhatsappIcon,{size:32,round:!0})})}),e.jsx("div",{children:e.jsx(re.LinkedinShareButton,{url:f,children:e.jsx(re.LinkedinIcon,{size:32,round:!0})})}),e.jsx("div",{children:e.jsx(re.PinterestShareButton,{url:"https://static.mypixia.com",media:f,children:e.jsx(re.PinterestIcon,{size:32,round:!0})})}),e.jsx("div",{children:e.jsx(re.RedditShareButton,{url:f,title:"Hello",windowWidth:660,windowHeight:460,children:e.jsx(re.RedditIcon,{size:32,round:!0})})}),e.jsx("div",{children:e.jsx(re.InstapaperShareButton,{url:f,title:"Hello",children:e.jsx(re.InstapaperIcon,{size:32,round:!0})})})]})}),e.jsx("hr",{}),e.jsx("br",{}),e.jsx("button",{autoFocus:!0,type:"button",className:"apc-mpc-widget-btn",onClick:()=>b(),style:{backgroundColor:"red",color:"#ffffff",float:"right"},children:"Close"})]})};return e.jsxs(a.Fragment,{children:[e.jsxs("button",{className:"apc-mpc-widget-btn",onClick:()=>h(),role:"dialog",style:{backgroundColor:pe(t.primaryColor,40),color:"#ffffff",float:"right"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 512 512",children:e.jsx("path",{fill:"#ffffff",d:ur})}),"  Share"]}),l()]})}function Ur(w){const{theme:t,apiKey:i,apcCanvasInstance:o,updateSelectedSections:d,updateActiveSection:f,accesories:x,getDesignFormats:h}=w,[b,l]=a.useState(!1),[v,u]=a.useState(),y=()=>{l(!0)},n=()=>{l(!1)},m=()=>({getPDF:()=>{const j=JSON.stringify(o);return he(j,o.height,o.width,"pdf",!0).then(s=>s)},getPNG:()=>{const j=JSON.stringify(o);return he(j,o.height,o.width,"png",!0).then(s=>s)},getSVG:()=>{const j=JSON.stringify(o);return he(j,o.height,o.width,"svg",!0).then(s=>s)},getJPEG:()=>{const j=JSON.stringify(o);return he(j,o.height,o.width,"jpeg",!0).then(s=>s)},getWEBP:()=>{const j=JSON.stringify(o);return he(j,o.height,o.width,"webp",!0).then(s=>s)}}),p=()=>{if(!o)return null;const j=JSON.stringify(o);return e.jsxs(ct,{isOpen:b,onClose:n,children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[e.jsx("h3",{style:{float:"left"},children:"Download"}),e.jsx("div",{children:e.jsx(Et,{apcCanvasJSON:j,height:o.height,width:o.width})}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:5},children:[e.jsx("div",{style:{color:pe(t.primaryColor,50),fontWeight:"bold",textDecoration:"underline",cursor:"pointer"},onClick:()=>m().getPDF(),children:"PDF"}),e.jsx("div",{style:{color:pe(t.primaryColor,50),fontWeight:"bold",textDecoration:"underline",cursor:"pointer"},onClick:()=>m().getSVG(),children:"SVG"}),e.jsx("div",{style:{color:pe(t.primaryColor,50),fontWeight:"bold",textDecoration:"underline",cursor:"pointer"},onClick:()=>m().getPNG(),children:"PNG"}),e.jsx("div",{style:{color:pe(t.primaryColor,50),fontWeight:"bold",textDecoration:"underline",cursor:"pointer"},onClick:()=>m().getJPEG(),children:"JPEG"}),e.jsx("div",{style:{color:pe(t.primaryColor,50),fontWeight:"bold",textDecoration:"underline",cursor:"pointer"},onClick:()=>m().getWEBP(),children:"WEBP"})]})]}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx("br",{}),e.jsx("button",{autoFocus:!0,type:"button",className:"apc-mpc-widget-btn",onClick:()=>n(),style:{backgroundColor:"red",color:"#ffffff",float:"right"},children:"Close"})]})};return e.jsxs(a.Fragment,{children:[e.jsxs("button",{className:"apc-mpc-widget-btn",onClick:()=>y(),role:"dialog",style:{backgroundColor:pe(t.primaryColor,40),color:"#ffffff",float:"right"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 512 512",children:e.jsx("path",{fill:"#ffffff",d:fr})}),"  Download"]}),p()]})}function Wr(w){var Ie;const{theme:t,activeSection:i,selectedObjectType:o,renderQuickActions:d,renderActionItems:f,canvasEl:x,zoomIn:h,zoomOut:b,apcCanvasInstance:l,setActiveSection:v,saveActiveDesign:u,reloadTabs:y,initProductName:n,historyRef:m,currentState:p,setCurrentState:j,setHistory:s,activeTabName:C,isPlainColor:B,selectedProduct:I,isMobile:_,supportedProductColors:F}=w,[E,T]=a.useState(),[V,Y]=a.useState([]),[J,oe]=a.useState(0),[se,ne]=a.useState(!1),ue=a.useRef(null),[Te,we]=a.useState(!1),[Qe,Me]=a.useState(null),[ee,Ve]=a.useState(),[Re,Ue]=a.useState(),[ze,We]=a.useState(),[Ce,me]=a.useState(!0),[G,Le]=a.useState(),Oe=()=>{we(!0),ne(!1)},X=()=>{we(!1)},Ge=()=>{ne(k=>!k)};a.useEffect(()=>{const k=O=>{ue.current&&ue.current.contains(O.target)||ne(!1)};return document.addEventListener("mousedown",k),()=>{document.removeEventListener("mousedown",k)}},[]),a.useEffect(()=>{(async()=>{var O,$;if(E)try{const D=await Fe(E);We(D),(O=D==null?void 0:D.misc)!=null&&O.colorSettings&&Ve(D.misc.colorSettings),(($=D==null?void 0:D.misc)==null?void 0:$.type)!=="subsection"&&Le(D)}catch(D){console.error("Error fetching tab data: ",D)}})()},[E,y]),a.useEffect(()=>{(async()=>{const O=await Ne();let $=O?O.filter(D=>{var Q;return D.classification!=="cart"&&((Q=D.misc)==null?void 0:Q.type)!=="subsection"}).map(D=>D.id):[];$.length===0&&$.push("design"),J===0&&T($[0]),Y($)})()},[J,y]);const ae=()=>{l&&(l.clear(),l.renderAll())},fe=k=>{if(!l)return;l.backgroundColor="transparent",l&&l.requestRenderAll();let O=l.backgroundImage;O&&(O.filters=[],O.filters.push(new M.fabric.Image.filters.BlendColor({color:k})),O.applyFilters(),l&&l.requestRenderAll(),Ue(k),u(l,ze))},Se=()=>{if(!(!ee||(ee==null?void 0:ee.length)<=1))return ee.map((k,O)=>e.jsxs(a.Fragment,{children:[e.jsx("div",{role:"button",className:"apc-mpx-widget-circle",style:{backgroundColor:k,cursor:"pointer",border:"solid 1px #ffffff"},onClick:()=>fe(k)})," "]},O))},ve=async(k,O)=>{var xe,je;const $=(je=(xe=l==null?void 0:l.backgroundImage)==null?void 0:xe.filters[0])==null?void 0:je.color,D=await Fe(k);if(!D)return;const Q=D!=null&&D.content?JSON.parse(D.content):null;Q&&l?(l.clear(),l.setBackgroundImage(null),l.loadFromJSON(Q,()=>{var te;l.renderAll(),v(D),((te=D==null?void 0:D.misc)==null?void 0:te.type)!=="subsection"?(localStorage.setItem("apc_x_activeTab",k),me(!0)):(me(!1),$&&fe($)),T(k)})):console.error("Failed to load JSON content for section:",k)},$e=()=>V.map(k=>e.jsx("button",{className:`tablinks ${E===k?"active":null}`,onClick:()=>ve(k),children:k},k)),ke=()=>{Ne().then(k=>{if(k&&k.length>0){const O=k[0],$=JSON.parse(O.content);l.loadFromJSON($,function(){l.off("object:modified"),l.on({"object:modified":D=>{u(l,O)}}),T(O.id),localStorage.setItem("apc_x_activeTab",O.id),v(O),oe(J+1),l&&l.renderAll()})}else{let O="design";const $=JSON.stringify(l);Ee(O,"general",$,null).then(D=>{Fe(O).then(Q=>{const xe=JSON.parse(Q.content);l.loadFromJSON(xe,function(){l.off("object:modified"),l.on({"object:modified":je=>{u(l,Q)}}),T(O),localStorage.setItem("apc_x_activeTab",O),v(Q),oe(J+1),l&&l.renderAll()})})})}})},Ae=()=>{Cr(E).then(k=>{X(),ke()})},Je=()=>l?e.jsxs(ct,{isOpen:Te,onClose:X,children:[e.jsx("div",{children:e.jsxs("h3",{style:{marginLeft:"30%",color:"green"},children:["Are you sure you want to delete ",e.jsx("u",{children:E})," ?"]})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("hr",{}),e.jsx("br",{}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:10},children:[e.jsx("div",{children:e.jsx("button",{autoFocus:!0,type:"button",className:"apc-mpc-widget-btn",onClick:()=>Ae(),style:{backgroundColor:"green",color:"#ffffff"},children:"Yes"})}),e.jsx("div",{children:e.jsx("button",{autoFocus:!0,type:"button",className:"apc-mpc-widget-btn",onClick:()=>X(),style:{backgroundColor:"red",color:"#ffffff",float:"right"},children:"Close"})})]})]}):null,Ze=()=>e.jsxs("div",{className:"apc-mpx-widget-button-group-container",children:[e.jsx("div",{className:"apc-mpx-widget-generic-icon",onClick:Ge,children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 448 512",children:e.jsx("path",{fill:"#ffffff",d:dr})})}),se&&e.jsxs("div",{className:"apc-mpx-widget-popper-container",ref:ue,children:[e.jsx("div",{className:"apc-mpx-widget-popper-arrow-up"}),e.jsxs("ul",{autoFocus:!0,style:{paddingInlineStart:"2px",marginBlockStart:"6px",marginBlockEnd:"2px",fontSize:"13px",padding:"3px",color:pe(t.primaryColor,80),width:"max-content"},children:[e.jsxs("li",{className:"apc-mpx-widget-popper-li",style:{height:"25px",cursor:"pointer",borderBottom:"1px solid #d7d7d7"},onClick:()=>Oe(),role:"dialog",children:[e.jsx("svg",{className:"apc-mpx-hover-div",xmlns:"http://www.w3.org/2000/svg",height:"16",width:"14",viewBox:"0 0 448 512",children:e.jsx("path",{d:kt,fill:pe(t.primaryColor,80)})}),"  Delete"]}),e.jsxs("li",{className:"apc-mpx-widget-popper-li",style:{height:"25px",cursor:"pointer",marginBlockStart:"5px"},onClick:()=>ae(),role:"dialog",children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16",className:"apc-mpx-hover-div",width:"14",viewBox:"0 0 576 512",children:e.jsx("path",{d:hr,fill:pe(t.primaryColor,80)})}),"  Clear"]})]})]})]}),_e=k=>{var je,te,Ye,Be;const O=l.width*5,$=l.height*5,D=JSON.parse(G.content),Q=(te=(je=D==null?void 0:D.backgroundImage)==null?void 0:je.filters[0])==null?void 0:te.color,xe=(Be=(Ye=l==null?void 0:l.backgroundImage)==null?void 0:Ye.filters[0])==null?void 0:Be.color;Fe(k.sectionName).then(async be=>{if(be){const c=be!=null&&be.content?JSON.parse(be.content):null;c&&l?(await l.loadFromJSON(c,()=>{l.renderAll(),v(be),T(k.sectionName);const A=JSON.stringify(l),z={};z.id=k.sectionName,z.classification=I==null?void 0:I.name,z.json=A,z.misc={sectionName:k.sectionName,sectionImage:k.sectionImage,type:k.type},l.off("object:modified"),l.on({"object:modified":N=>{u(l,z)}})}),fe(xe),Ce||me(!0)):console.error("Failed to load JSON content for section:",k.sectionName)}else l&&l.clear(),k.type="subsection",M.fabric.Image.fromURL(k.sectionImage,function(c){c.width=O,c.height=$,c.scaleToWidth(O),c.scaleToHeight($),l.setBackgroundImage(c),(Re||Q)&&(c.filters=[],c.filters.push(new M.fabric.Image.filters.BlendColor({color:Re||Q})),c.applyFilters());const A=JSON.stringify(l),z={};z.id=k.sectionName,z.classification=G.id,z.json=A,z.misc={sectionName:k.sectionName,sectionImage:k.sectionImage,type:k.type},l.off("object:modified"),l.on({"object:modified":N=>{u(l,z)}}),Ee(k.sectionName,E,A,{...k}).then(N=>{l&&(l.renderAll(),Ce&&me(!1),T(k.sectionName),oe(J+1))})},{crossOrigin:"anonymous"})})},et=()=>{if(!ze)return null;let k=[];if(I){const O=I.sections.map($=>({...$,type:"subsection"}));k.push(...O),k.push({sectionName:I==null?void 0:I.name,sectionImage:I==null?void 0:I.mainImage,type:"main"})}return k=k==null?void 0:k.map(O=>({...O,active:O.sectionName===E})),(k==null?void 0:k.length)<1?null:k==null?void 0:k.map((O,$)=>{var D,Q;return e.jsxs("div",{onClick:()=>_e(O),style:{position:"relative",backgroundColor:"#ff000026",border:"solid 1px #ffffff",padding:"2px",borderRadius:"6px",cursor:"pointer",textAlign:"center"},children:[O.active&&e.jsx("div",{style:{position:"absolute",top:"5px",right:"5px",width:"12px",height:"12px",backgroundColor:"green",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("span",{style:{color:"white",fontSize:"8px",fontWeight:"bold"},children:"✓"})}),!_&&e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",marginBottom:"5px"},children:e.jsx("img",{src:O==null?void 0:O.sectionImage,width:50,height:50,alt:(O==null?void 0:O.sectionName)||"section image",style:{borderRadius:"6px"}})}),e.jsx("div",{style:{fontSize:"12px",color:"#333"},children:((D=O==null?void 0:O.sectionName)==null?void 0:D.length)>5?`${(Q=O==null?void 0:O.sectionName)==null?void 0:Q.substring(0,5)}...`:(O==null?void 0:O.sectionName)||"view"})]},$)})},tt=()=>{if(m.current.length>0){const k=m.current.pop();l.loadFromJSON(k,()=>{l.renderAll(),j(k)})}};return e.jsxs(a.Fragment,{children:[e.jsx("div",{className:"tab",children:$e()}),e.jsxs("div",{style:{display:"flex",backgroundColor:t.primaryColor,flexDirection:"row",padding:"3px",color:"#ffffff",minHeight:"30px"},children:[e.jsx("div",{style:{flexBasis:"40%",marginTop:"8px"},children:e.jsx("div",{style:{display:"flex",flexDirection:"row"},children:e.jsxs("div",{children:[e.jsx("button",{style:{border:"none",backgroundColor:"transparent",color:"#ffffff",fontWeight:"bold",cursor:"pointer",height:"12px"},onClick:()=>tt(),title:"UNDO",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"25",className:"apc-mpx-hover-div",width:"25",viewBox:"0 0 16 16",children:e.jsx("path",{d:pr,fill:"#ffffff"})})})," "]})})}),e.jsx("div",{style:{flexBasis:"20%"},children:o?d():null}),e.jsx("div",{style:{flexBasis:"40%",marginTop:"8px"},children:o?f():null}),Ze()]}),e.jsxs("div",{id:"apc-mpx-editor-canvas-container",style:{minHeight:"90vh",padding:"3px",overflowX:"hidden",position:"relative"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row"},children:[e.jsx("div",{children:e.jsx("div",{style:{zIndex:1e3,overflow:"hidden",position:"absolute",marginLeft:"1%",display:"flex",flexDirection:"row"},children:((Ie=I==null?void 0:I.sections)==null?void 0:Ie.length)>0?et():null})}),e.jsx("div",{children:e.jsx("canvas",{id:"apc-mpx-editor-canvas",ref:x,height:1e3})}),ee&&(B||(i==null?void 0:i.plainColor)==="Y")&&Ce&&(ee==null?void 0:ee.length)>1?e.jsxs("div",{style:{zIndex:1e3,overflow:"hidden",position:"absolute",marginLeft:"90%"},children:[e.jsx("br",{}),e.jsx("div",{style:{backgroundColor:"#ff000026",border:"solid 1px #ccc",padding:"3px",borderRadius:"6px"},children:ee&&(ee==null?void 0:ee.length)>1?Se():null})]}):null]}),e.jsxs("div",{style:{marginLeft:"45%"},children:[e.jsx("br",{}),e.jsx("button",{style:{height:"35px",width:"65px",cursor:"pointer"},"aria-label":"zoom in",onClick:()=>h(),children:"+"}),e.jsx("button",{style:{height:"35px",width:"65px",cursor:"pointer"},"aria-label":"zoom out",onClick:()=>b(),children:"-"})]})]}),Je()]})}function Gr({data:w,theme:t,apcCanvasInstance:i,closeMobileModalSecondaryPanel:o,isMobile:d}){const[f,x]=a.useState({}),h=u=>{x(y=>({...y,[u]:!y[u]}))},b=async u=>{const y=await Ot(u);y&&M.fabric.Image.fromURL(y,n=>{n.set({left:100,top:100,scaleX:.3,scaleY:.3}),i.add(n),i.renderAll(),d&&o(!0)})},l=(u,y="",n=0)=>e.jsx("ul",{style:{listStyleType:"none",paddingLeft:`${n*20}px`,margin:"0"},children:Object.keys(u).map(m=>{const p=`${y}/${m}`,j=f[p];return u[m].type==="image"?e.jsx("li",{children:e.jsx("div",{onClick:()=>b(u[m].url),style:{cursor:"pointer"},children:e.jsx("img",{src:u[m].url,alt:m,style:{width:"100px",height:"auto"}})})},p):e.jsxs("li",{children:[e.jsxs("div",{onClick:()=>h(p),style:{cursor:"pointer",display:"flex",alignItems:"center",fontWeight:"bold",color:t.primaryColorLight},children:[e.jsx("div",{style:{marginRight:"5px"},children:j?e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",height:15,width:15,children:e.jsx("path",{d:vr,fill:t.primaryColorLight})}):e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",height:15,width:15,children:e.jsx("path",{d:jr,fill:t.primaryColorLight})})}),m]}),j&&l(u[m],p,n+1)]},p)})}),v=$r(w);return e.jsx("div",{children:l(v)})}function $r(w){const t={};return w.forEach(i=>{const o=i.name.split("/");let d=t;o.forEach((f,x)=>{d[f]||(d[f]=x===o.length-1?i:{}),d=d[f]})}),t}function Jr(w){const{apcCanvasInstance:t,theme:i,apiEndpoint:o,isMobile:d,closeMobileModalSecondaryPanel:f,apiKey:x}=w,h=`${o}/api/v1/designer`,[b,l]=a.useState([]),[v,u]=a.useState(!1),[y,n]=a.useState(!1),[m,p]=a.useState(!1),j=sessionStorage.getItem("apc_x_sub_status"),s=sessionStorage.getItem("apc_x_stickers");a.useEffect(()=>{u(!0),(async()=>{j==="active"?n(!0):await B(),s?(l(JSON.parse(s)),u(!1)):await C()})()},[]);const C=()=>{u(!0);const I=`${h}/get-stickers`;ge.get(I).then(_=>{_.data.object&&(l(_.data.object.contents),sessionStorage.setItem("apc_x_stickers",JSON.stringify(_.data.object.contents)))}).catch(_=>{console.error("Error fetching data:",_)}).finally(()=>{u(!1)})},B=()=>{u(!0);const I=`${h}/get-subscription-status/${x}`;ge.get(I).then(_=>{_.data.object&&_.data.object==="active"&&(sessionStorage.setItem("apc_x_sub_status","active"),n(!0))}).catch(_=>{sessionStorage.setItem("apc_x_sub_status","")}).finally(()=>{u(!1),p(!0)})};return!y&&!v&&m?e.jsx(it,{}):y&&b.length>0&&!v?e.jsx(a.Fragment,{children:e.jsx("div",{style:{padding:"10px"},children:e.jsx(Gr,{data:b,theme:i,apcCanvasInstance:t,isMobile:d,closeMobileModalSecondaryPanel:f})})}):e.jsx("div",{children:e.jsx(ot,{})})}function Yr(w){const{theme:t=Rt,readOnly:i=!1,apiKey:o=null,handleSaveClick:d,handleCartClick:f,apiEndpoint:x,enabledModules:h=["TXT","STICKERS","SHAPES","ICONS","IMAGE","QUOTE","BACKGROUND","QRCODE","BARCODE"],actionButtons:b={share:!0,download:!0,submit:!0,addToCart:!0},initInstance:l=null,initCategory:v=null,additionalActionButton:u=null,initProductName:y,isPlainColor:n,product:m={name:"Premium Crew Neck T-Shirt",category:"Tshirts",description:"Men's crew neck t-shirts",plainColor:"Y",mainImage:"https://static.mypixia.com/prod/products/96ca4acb-c426-4619-a2c4-7acd95b78451.png",colorSettings:["#FF0000","#0000FF","#008000","#000000","#FFFFFF","#808080","#FFFF00"],sections:[{sectionName:"Sleeve-left",sectionImage:"https://static.mypixia.com/prod/products/27b8c138-af4e-4ea0-833d-88b10fbd3cf7.png"},{sectionName:"Back",sectionImage:"https://static.mypixia.com/prod/products/d4c53776-7b7d-41c5-a6b5-2bf5876cd26e.png"}]}}=w,[p,j]=a.useState(h[0]),[s,C]=a.useState(),B=a.useRef(null),[I,_]=a.useState(),[F,E]=a.useState(!1),[T,V]=a.useState(1),Y=.1,[J,oe]=a.useState(1),[se,ne]=a.useState([]),[ue,Te]=a.useState(null),[we,Qe]=a.useState(null),[Me,ee]=a.useState(0),[Ve,Re]=a.useState(),[Ue,ze]=a.useState(null),We=a.useRef([]),[Ce,me]=a.useState(null),[G,Le]=a.useState(!1),[Oe,X]=a.useState(!1);a.useEffect(()=>{const c=()=>Le(window.innerWidth<600);return c(),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)},[]),a.useEffect(()=>{const c=document.getElementById("apc-mpx-editor-canvas-container"),A=document.getElementById("apc-mpx-editor-canvas-container");if(!B.current||!c||!A){console.error("Canvas element is not mounted yet!");return}const z={isDrawingMode:!1,selection:!0,selectionBorderColor:"#008000",height:A.offsetHeight,width:c.offsetWidth,enableRetinaScaling:!0};let N,le;if(i)N=new M.fabric.StaticCanvas(B.current,z);else if(N=new M.fabric.Canvas(B.current,z),we)le=JSON.parse(we),N.loadFromJSON(le,function(){});else if(l){let R;try{R=JSON.parse(l)}catch(K){console.error("Failed to parse initInstance",K)}N&&R?N.loadFromJSON(R,function(){}):console.error("Canvas or InitInstance is not properly initialized")}else{const R=new M.fabric.Textbox("Something cool!",{width:300,left:250,top:300,fontFamily:"aclonica",fill:"#6a45d2",rotate:20});R.shadow={color:"rgba(0,0,0,0.5)",blur:10,offsetX:5,offsetY:5},N.add(R),m!=null&&m.mainImage&&M.fabric.Image.fromURL(m.mainImage,function(K){K.height=A.offsetHeight,K.width=c.offsetWidth,K.scaleToWidth(A.offsetHeight),K.scaleToHeight(c.offsetWidth),N.setBackgroundImage(K),N.setActiveObject(R),fe(R),N.renderAll(),k(N)},{crossOrigin:"anonymous"})}return N.on({"selection:updated":R=>{const K=N.getActiveObject();fe(K)},"selection:created":R=>{const K=N.getActiveObject();fe(K)},"selection:cleared":R=>{Se()},"object:modified":R=>{k(N),ae(N)},"object:added":R=>{ae(N)},"object:removed":R=>{ae(N)},"object:created":R=>{ae(N)}}),C(N),oe(c.offsetWidth),()=>{C(null),N.off({"selection:updated":R=>{const K=N.getActiveObject();fe(K)},"selection:created":R=>{const K=N.getActiveObject();fe(K)},"selection:cleared":R=>{Se()},"object:modified":R=>{k(N),ae(N)},"object:added":R=>{ae(N)},"object:removed":R=>{ae(N)},"object:created":R=>{ae(N)}}),N.dispose()}},[we]),a.useEffect(()=>(Ge(),document.addEventListener("keydown",c=>Ie(c)),()=>{document.removeEventListener("keydown",c=>Ie(c))}),[s]),a.useEffect(()=>{if(s){const c=document.getElementById("apc-mpx-editor-canvas-container"),A=()=>{const z=c.offsetWidth/J;s.setZoom(z)};return window.addEventListener("resize",A),()=>{window.removeEventListener("resize",A)}}},[s,T]),a.useEffect(()=>{const c=()=>{if(s&&B.current){const A=s.getWidth(),z=s.getHeight(),N=window.innerWidth,le=window.innerHeight,R=N/A,K=le/z,rt=Math.min(R,K);s.setZoom(rt/1.4),s.renderAll()}};return G&&(c(),window.addEventListener("resize",c)),()=>window.removeEventListener("resize",c)},[s,G]);const Ge=()=>{Ne().then(c=>{if(c&&c.length>0){const A=c[0].content;y===c[0].id&&Qe(A)}})},ae=c=>{if(c){const A=c.toJSON();ze(z=>(We.current.push(z),A))}},fe=c=>{_(c.type)},Se=()=>{_(null)},ve=()=>{s.getActiveObject()&&s.remove(s.getActiveObject())},$e=()=>{const c=s.getActiveObject(),A=M.fabric.util.object.clone(c);A.set({left:c.left+20,top:c.top+20}),s.add(A)},ke=c=>{Te(c)},Ae=c=>{let A=se;A.push(c),ne(A)},Je=c=>{c==="lock"?s.getActiveObject().set({lockMovementX:!0,lockMovementY:!0}):s.getActiveObject().set({lockMovementX:!1,lockMovementY:!1})},Ze=()=>{s&&(s.getActiveObject().bringForward(),s.renderAll())},_e=()=>{s&&(s.getActiveObject().sendBackwards(),s.renderAll())},et=()=>{const c=T+Y;V(c),s.setZoom(c)},tt=()=>{const c=Math.max(T-Y,Y);V(c),s.setZoom(c)},Ie=c=>{s&&s.getActiveObject()&&s.getActiveObject().type!=="textbox"&&c.keyCode===8&&ve()},k=c=>{const A=localStorage.getItem("apc_x_activeTab");if(A)Fe(A).then(z=>{if(z){const N=JSON.stringify(c);Ee(z.id,z.classification,N,z.misc).then(le=>{})}else{const N=JSON.stringify(c);Ee(m.name??"design","general",N,m).then(le=>{})}});else{const z=JSON.stringify(c);Ee(m.name??"design","general",z,m).then(N=>{})}},O=(c,A)=>{const z=JSON.stringify(c);Ee(A.id,A.classification,z,A.misc).then(N=>{})},$=()=>({getPDF:()=>Ne().then(c=>{let A=[];for(let z in c)he(c[z].content,s.height,s.width,"pdf").then(N=>{A.push(N)});return A}),getPNG:()=>Ne().then(c=>{let A=[];for(let z in c)he(c[z].content,s.height,s.width,"png").then(N=>{A.push(N)});return A}),getSVG:()=>Ne().then(c=>{let A=[];for(let z in c)he(c[z].content,s.height,s.width,"svg").then(N=>{A.push(N)});return A}),getJPEG:()=>Ne().then(c=>{let A=[];for(let z in c)he(c[z].content,s.height,s.width,"jpeg").then(N=>{A.push(N)});return A}),getWEBP:()=>Ne().then(c=>{let A=[];for(let z in c)he(c[z].content,s.height,s.width,"webp").then(N=>{A.push(N)});return A}),getImageActiveTab:()=>{const c=localStorage.getItem("apc_x_activeTab");return Fe(c).then(A=>he(A.content,s.height,s.width,"png").then(z=>{let N={};return N.file=z,N.height=s.height,N.width=s.width,N}))}}),D=()=>e.jsxs("div",{style:{marginTop:"6px",fontWeight:"bold"},children:["Replace Image: ",e.jsx("input",{type:"file",accept:"image/*",onChange:c=>Q(c)}),e.jsx("br",{})]}),Q=(c,A)=>{{const z=s.getActiveObject(),N=c.target.files[0],le=new FileReader;le.onload=function(R){const K=R.target.result;z.setSrc(K,function(rt){rt.set({angle:30}),s&&s.renderAll()})},le.readAsDataURL(N)}s&&s.renderAll()},xe=()=>{switch(p){case"ICONS":return e.jsx(Lr,{apcCanvasInstance:s,theme:t,apiKey:o,isMobile:G,closeMobileModalSecondaryPanel:c=>X(!c)});case"TEMPLATES":return e.jsx(Sr,{apcCanvasInstance:s,theme:t,apiKey:o,apiEndpoint:x,reloadTabs:c=>ee(c),updateActiveSection:c=>ke(c),initCategory:v,currentTabNo:Me,initInstance:l,setActiveTab:c=>me(c),isMobile:G,closeMobileModalSecondaryPanel:c=>X(!c)});case"TXT":return e.jsx(Tr,{apcCanvasInstance:s,theme:t,apiKey:o,isMobile:G,closeMobileModalSecondaryPanel:c=>X(!c)});case"IMAGE":return e.jsx(zr,{apcCanvasInstance:s,theme:t,apiKey:o,apiEndpoint:x,isMobile:G,closeMobileModalSecondaryPanel:c=>X(!c)});case"STICKERS":return e.jsx(Jr,{apcCanvasInstance:s,theme:t,apiEndpoint:x,isMobile:G,apiKey:o,closeMobileModalSecondaryPanel:c=>X(!c)});case"SHAPES":return e.jsx(At,{apcCanvasInstance:s,theme:t,apiKey:o,isMobile:G,closeMobileModalSecondaryPanel:c=>X(!c)});case"QUOTE":return e.jsx(_r,{apcCanvasInstance:s,theme:t,apiKey:o,apiEndpoint:x,isMobile:G,closeMobileModalSecondaryPanel:c=>X(!c)});case"BACKGROUND":return e.jsx(Br,{apcCanvasInstance:s,theme:t,apiKey:o,apiEndpoint:x,updateActiveSection:c=>ke(c),reloadTabs:c=>ee(c),currentTabNo:Me,isMobile:G,closeMobileModalSecondaryPanel:c=>X(!c)});case"QRCODE":return e.jsx(Dr,{apcCanvasInstance:s,theme:t,apiKey:o,apiEndpoint:x,isMobile:G,closeMobileModalSecondaryPanel:c=>X(!c)});case"BARCODE":return e.jsx(Fr,{apcCanvasInstance:s,theme:t,apiKey:o,apiEndpoint:x,isMobile:G,closeMobileModalSecondaryPanel:c=>X(!c)});case"SIZE":return e.jsx(Pr,{apcCanvasInstance:s,theme:t,apiKey:o,isMobile:G,closeMobileModalSecondaryPanel:c=>X(!c)});default:return e.jsx(At,{apcCanvasInstance:s,theme:t,apiKey:o,isMobile:G,closeMobileModalSecondaryPanel:c=>X(!c)})}},je=()=>{if(!I)return null;switch(I){case"text":return e.jsx(It,{apcCanvasInstance:s,theme:t,apiKey:o});case"textbox":return e.jsx(It,{apcCanvasInstance:s,theme:t,apiKey:o});case"rect":return e.jsx(He,{apcCanvasInstance:s,theme:t,apiKey:o});case"circle":return e.jsx(He,{apcCanvasInstance:s,theme:t,apiKey:o});case"triangle":return e.jsx(He,{apcCanvasInstance:s,theme:t,apiKey:o});case"line":return e.jsx(He,{apcCanvasInstance:s,theme:t,apiKey:o});case"path":return e.jsx(He,{apcCanvasInstance:s,theme:t,apiKey:o});case"polygon":return e.jsx(He,{apcCanvasInstance:s,theme:t,apiKey:o});case"image":return D();default:return null}},te=c=>{j(c),G&&X(!0)},Ye=()=>e.jsx("div",{id:"selectionRectangle",style:{marginLeft:"auto",position:"relative"},children:e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:10,marginTop:"8px"},children:[e.jsxs("div",{className:"apc-mpx-tooltip-container",role:"button",onClick:()=>ve(),style:{cursor:"pointer"},children:[e.jsx("svg",{className:"apc-mpx-hover-div",xmlns:"http://www.w3.org/2000/svg",height:"16",width:"14",viewBox:"0 0 448 512",children:e.jsx("path",{d:kt,fill:"#d8d4d4"})}),e.jsx("div",{className:"apc-mpx-tooltip-text",children:"Delete"})]}),e.jsxs("div",{className:"apc-mpx-tooltip-container",role:"button",onClick:()=>_e(),style:{cursor:"pointer"},children:[e.jsxs("svg",{className:"apc-mpx-hover-div",xmlns:"http://www.w3.org/2000/svg",fill:"#d8d4d4",width:"20px",height:"20px",viewBox:"0 0 32 32",children:[e.jsx("path",{d:"M28,10H22V4a2,2,0,0,0-2-2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2h6v6a2.0023,2.0023,0,0,0,2,2H28a2.0023,2.0023,0,0,0,2-2V12A2.0023,2.0023,0,0,0,28,10ZM12,28V12H28l.0015,16Z"}),e.jsx("rect",{style:{fill:"none"},width:"32",height:"32"})]}),e.jsx("div",{className:"apc-mpx-tooltip-text",children:"Send to back"})]}),e.jsxs("div",{className:"apc-mpx-tooltip-container",role:"button",onClick:()=>Ze(),style:{cursor:"pointer"},children:[e.jsxs("svg",{className:"apc-mpx-hover-div",xmlns:"http://www.w3.org/2000/svg",fill:"#d8d4d4",width:"20px",height:"20px",viewBox:"0 0 32 32",children:[e.jsx("path",{d:"M28,10H22V4a2.0023,2.0023,0,0,0-2-2H4A2.0023,2.0023,0,0,0,2,4V20a2.0023,2.0023,0,0,0,2,2h6v6a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V12A2,2,0,0,0,28,10ZM4,20,3.9985,4H20v6H12a2,2,0,0,0-2,2v8Z"}),e.jsx("rect",{style:{fill:"none"},height:"32",width:"32"})]}),e.jsx("div",{className:"apc-mpx-tooltip-text",children:"Bring to front"})]}),e.jsxs("div",{className:"apc-mpx-tooltip-container",onClick:()=>Je("lock"),style:{cursor:"pointer"},children:[e.jsx("svg",{className:"apc-mpx-hover-div",xmlns:"http://www.w3.org/2000/svg",height:"16",width:"14",viewBox:"0 0 448 512",children:e.jsx("path",{fill:"#d8d4d4",d:"M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"})}),e.jsx("div",{className:"apc-mpx-tooltip-text",children:"Lock"})]}),e.jsxs("div",{className:"apc-mpx-tooltip-container",onClick:()=>Je("unlock"),style:{cursor:"pointer"},children:[e.jsx("svg",{className:"apc-mpx-hover-div",xmlns:"http://www.w3.org/2000/svg",height:"16",width:"18",viewBox:"0 0 576 512",children:e.jsx("path",{fill:"#d8d4d4",d:"M423.5 0C339.5 .3 272 69.5 272 153.5V224H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48h-48v-71.1c0-39.6 31.7-72.5 71.3-72.9 40-.4 72.7 32.1 72.7 72v80c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24v-80C576 68 507.5-.3 423.5 0z"})}),e.jsx("div",{className:"apc-mpx-tooltip-text",children:"Unlock"})]}),e.jsxs("div",{className:"apc-mpx-tooltip-container",onClick:()=>$e(),style:{cursor:"pointer"},children:[e.jsx("svg",{className:"apc-mpx-hover-div",xmlns:"http://www.w3.org/2000/svg",height:"16",width:"16",viewBox:"0 0 512 512",children:e.jsx("path",{fill:"#d8d4d4",d:"M464 0c26.5 0 48 21.5 48 48v288c0 26.5-21.5 48-48 48H176c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48h288M176 416c-44.1 0-80-35.9-80-80V128H48c-26.5 0-48 21.5-48 48v288c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-48H176z"})}),e.jsx("div",{className:"apc-mpx-tooltip-text",children:"Duplicate"})]})]})}),Be=()=>s?e.jsx("div",{style:{height:"10vh",overflow:"auto"},children:e.jsx(ct,{isOpen:Oe,onClose:()=>X(!1),children:xe()})}):null,be=()=>s?G?Be():xe():null;return e.jsxs("div",{className:"apc-mpc-widget-wrapper",children:[e.jsxs("div",{style:{display:"flex",backgroundColor:pe(t.primaryColor,70),flexDirection:"row",padding:"3px",color:"#ffffff",minHeight:"30px"},children:[e.jsx("div",{style:{flexBasis:"40%"},children:e.jsx("div",{style:{float:"left"},children:e.jsxs("button",{onClick:()=>window.history.back(),style:{backgroundColor:"transparent",color:"#ffffff",border:"solid #ffffff 1px",padding:"4px",width:"auto",borderRadius:"4px",fontWeight:"bold"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 448 512",children:e.jsx("path",{fill:"#ffffff",d:br})})," Back"]})})}),e.jsx("div",{style:{flexBasis:"20%"}}),e.jsx("div",{style:{flexBasis:"40%"},children:e.jsx("div",{style:{display:"flex",flexDirection:"row",gap:10},children:e.jsx("div",{children:e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:5},children:[e.jsx("div",{children:s&&b.share?e.jsx("div",{children:e.jsx(Rr,{apcCanvasInstance:s,theme:t})}):null}),e.jsx("div",{children:s&&b.download?e.jsx("div",{children:e.jsx(Ur,{apcCanvasInstance:s,theme:t,apiKey:o,updateSelectedSections:c=>Ae(c),updateActiveSection:c=>ke(c),accesories,getDesignFormats:$()})}):null}),e.jsx("div",{children:s&&u?e.jsx("div",{children:e.jsx("button",{className:"apc-mpc-widget-btn",onClick:()=>d($()),style:{backgroundColor:u.btnColor??t.primaryColorLight,color:"#ffffff",border:"solid #ffffff 1px"},children:u.btnLabel})}):null})]})})})})]}),e.jsxs("div",{className:"apc-mpc-widget-colums",children:[e.jsx("div",{className:"apc-mpc-widget-colum-modules-container",children:e.jsxs("div",{className:"apc-mypixia-widget-primary-nav-container",children:[h.indexOf("TXT")>-1?e.jsxs("div",{tabIndex:"0",role:"button",onClick:()=>te("TXT"),style:{padding:"10px",backgroundColor:p==="TXT"?t.primaryColorLight:"inherit",color:p==="TXT"?"#ffffff":"inherit"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16",width:"14",viewBox:"0 0 448 512",style:{fill:p==="TXT"?"#ffffff":t.primaryColor},className:"apc-mypixia-widget-primary-nav-svg",children:e.jsx("path",{d:nr})}),e.jsx("div",{children:"Text"})]}):null,h.indexOf("STICKERS")>-1?e.jsxs("div",{tabIndex:"0",role:"button",onClick:()=>te("STICKERS"),style:{padding:"10px",backgroundColor:p==="STICKERS"?t.primaryColorLight:"inherit",color:p==="STICKERS"?"#ffffff":"inherit"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16",width:"20",viewBox:"0 0 640 512",style:{fill:p==="STICKERS"?"#ffffff":t.primaryColor},className:"apc-mypixia-widget-primary-nav-svg",children:e.jsx("path",{d:mr})}),e.jsx("div",{children:"Stickers"})]}):null,h.indexOf("SHAPES")>-1?e.jsxs("div",{tabIndex:"0",role:"button",onClick:()=>te("SHAPES"),style:{padding:"10px",backgroundColor:p==="SHAPES"?t.primaryColorLight:"inherit",color:p==="SHAPES"?"#ffffff":"inherit"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16",width:"16",viewBox:"0 0 512 512",style:{fill:p==="SHAPES"?"#ffffff":t.primaryColor},className:"apc-mypixia-widget-primary-nav-svg",children:e.jsx("path",{d:rr})}),e.jsx("div",{children:"Shapes"})]}):null,h.indexOf("ICONS")>-1?e.jsxs("div",{tabIndex:"0",role:"button",onClick:()=>te("ICONS"),style:{padding:"10px",backgroundColor:p==="ICONS"?t.primaryColorLight:"inherit",color:p==="ICONS"?"#ffffff":"inherit"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16",width:"16",viewBox:"0 0 512 512",style:{fill:p==="ICONS"?"#ffffff":t.primaryColor},className:"apc-mypixia-widget-primary-nav-svg",children:e.jsx("path",{d:sr})}),e.jsx("div",{children:"Icons"})]}):null,h.indexOf("IMAGE")>-1?e.jsxs("div",{tabIndex:"0",role:"button",onClick:()=>te("IMAGE"),style:{padding:"10px",backgroundColor:p==="IMAGE"?t.primaryColorLight:"inherit",color:p==="IMAGE"?"#ffffff":"inherit"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16",width:"18",viewBox:"0 0 512 512",style:{fill:p==="IMAGE"?"#ffffff":t.primaryColor},className:"apc-mypixia-widget-primary-nav-svg",children:e.jsx("path",{d:Nt})}),e.jsx("div",{children:"Upload"})]}):null,h.indexOf("QUOTE")>-1?e.jsxs("div",{tabIndex:"0",role:"button",onClick:()=>te("QUOTE"),style:{padding:"10px",backgroundColor:p==="QUOTE"?t.primaryColorLight:"inherit",color:p==="QUOTE"?"#ffffff":"inherit"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16",width:"16",viewBox:"0 0 512 512",style:{fill:p==="QUOTE"?"#ffffff":t.primaryColor},className:"apc-mypixia-widget-primary-nav-svg",children:e.jsx("path",{d:ir})}),e.jsx("div",{children:"Quote"})]}):null,h.indexOf("BACKGROUND")>-1?e.jsxs("div",{tabIndex:"0",role:"button",onClick:()=>te("BACKGROUND"),style:{padding:"10px",backgroundColor:p==="BACKGROUND"?t.primaryColorLight:"inherit",color:p==="BACKGROUND"?"#ffffff":"inherit"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16",width:"20",viewBox:"0 0 640 512",style:{fill:p==="BACKGROUND"?"#ffffff":t.primaryColor},className:"apc-mypixia-widget-primary-nav-svg",children:e.jsx("path",{d:or})}),e.jsx("div",{children:"Background"})]}):null,h.indexOf("QRCODE")>-1?e.jsxs("div",{tabIndex:"0",role:"button",onClick:()=>te("QRCODE"),style:{padding:"10px",backgroundColor:p==="QRCODE"?t.primaryColorLight:"inherit",color:p==="QRCODE"?"#ffffff":"inherit"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16",width:"20",viewBox:"0 0 640 512",style:{fill:p==="QRCODE"?"#ffffff":t.primaryColor},className:"apc-mypixia-widget-primary-nav-svg",children:e.jsx("path",{d:cr})}),e.jsx("div",{children:"QR Code"})]}):null,h.indexOf("BARCODE")>-1?e.jsxs("div",{tabIndex:"0",role:"button",onClick:()=>te("BARCODE"),style:{padding:"10px",backgroundColor:p==="BARCODE"?t.primaryColorLight:"inherit",color:p==="BARCODE"?"#ffffff":"inherit"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16",width:"16",viewBox:"0 0 512 512",style:{fill:p==="BARCODE"?"#ffffff":t.primaryColor},className:"apc-mypixia-widget-primary-nav-svg",children:e.jsx("path",{d:lr})}),e.jsx("div",{children:"Barcode"})]}):null,h.indexOf("SIZE")>-1?e.jsxs("div",{tabIndex:"0",role:"button",onClick:()=>te("SIZE"),style:{padding:"10px",backgroundColor:p==="SIZE"?t.primaryColorLight:"inherit",color:p==="SIZE"?"#ffffff":"inherit"},children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"16",width:"14",viewBox:"0 0 448 512",style:{fill:p==="SIZE"?"#ffffff":t.primaryColor},className:"apc-mypixia-widget-primary-nav-svg",children:e.jsx("path",{d:ar})}),e.jsx("div",{children:"Size"})]}):null]})}),e.jsx("div",{className:"apc-mpc-widget-colum-features-container",children:be()}),e.jsx("div",{className:"apc-mpc-widget-colum-editor-container",children:e.jsx(Wr,{theme:t,activeSection:ue,selectedObjectType:I,renderQuickActions:Ye,renderActionItems:je,canvasEl:B,zoomIn:()=>et(),zoomOut:()=>tt(),apcCanvasInstance:s,setActiveSection:c=>Te(c),updateActiveDesignSection:c=>ke(c),saveActiveDesign:(c,A)=>O(c,A),reloadTabs:Me,activeTabName:Ce,supportedColors:Ve,initProductName:y,historyRef:We,currentState:Ue,setCurrentState:c=>ze(c),isPlainColor:n,selectedProduct:m,isMobile:G})})]}),e.jsx("div",{id:"apc-mpx-editor-modal-root"}),G?Be():null]})}return Yr});
package/dist/simplex-designer.css ADDED
@@ -0,0 +1 @@
1
+ .apc-mpc-widget-colums{display:flex;flex-direction:row}.apc-mpc-widget-colum-modules-container{border:1px solid #ccc;flex-basis:8%;cursor:pointer;width:10%}.apc-mpc-widget-colum-features-container{border:1px solid #ccc;flex-basis:20%;text-align:center;overflow:auto;width:20%;height:140vh}.apc-mpc-widget-colum-editor-container{border:1px solid #ccc;flex-basis:72%;min-height:60vh;background-color:#ccc;width:70%}.apc-mpx-tooltip-container{position:relative;display:inline-block;z-index:3000}.apc-mpx-hover-div{color:#fff;text-align:center;width:auto}.apc-mpx-tooltip-text{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px;border-radius:4px;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out;font-size:10px}.apc-mpx-tooltip-container:hover .apc-mpx-tooltip-text{opacity:1;visibility:visible}.apc-mpx-widget-secondary-icon{font-size:30px;cursor:pointer}.apc-mpx-widget-button-group-container{position:relative}.apc-mpx-widget-effects-button{text-transform:none;color:#fff}.apc-mpx-widget-popper-container{position:absolute;z-index:10000;background-color:#fff;color:#000;width:auto;border:solid 1px #d3d3d3;margin-left:-120px;padding:.8em}.apc-mpx-widget-popper-li{list-style:none}.apc-mpc-widget-input{height:35px;border-radius:3px;width:80%;font-size:18px;font-weight:500;padding:5px}.apc-mpc-widget-btn{height:25px;border:none;cursor:pointer;font-weight:600;padding-right:3px;padding-left:3px;border-radius:4px}.apc-mpx-widget-custom-chip{border-radius:16px;cursor:pointer;padding:5px;font-weight:700;font-size:11px}.canvas-container{background-color:#e5e7eb}.apc-mpx-widget-accordion{width:100%}.apc-mpx-widget-accordion-item{border:1px solid #ccc;margin-bottom:5px}.apc-mpx-widget-accordion-title{display:flex;justify-content:space-between;padding:10px;cursor:pointer;background-color:#f0f0f0}.apc-mpx-widget-accordion-content{padding:10px}.apc-mpx-widget-modal{display:flex;flex-direction:column;max-height:80vh;width:80%;overflow:hidden}.apc-mpx-widget-modal-close-btn{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;padding:5px 10px;border-radius:4px;font-size:14px;color:#333}.apc-mpx-widget-responsive-image-container{max-width:100%;height:auto;position:relative;overflow:hidden;cursor:pointer}.apc-mpx-widget-responsive-image{width:100%;height:auto;display:block;cursor:pointer}.apc-mpx-widget-circle{width:25px;height:25px;border-radius:50%}.tab{overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1}.tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:.3s}.tab button:hover{background-color:#ddd}.tab button.active{background-color:#ccc}.tabcontent{display:none;padding:6px 12px;border:1px solid #ccc;border-top:none}#info-div{display:none;position:absolute;background:#f0f0f0;border:1px solid #ccc;padding:10px}.apc-mpx-widget-generic-icon{font-size:20px;cursor:pointer}.apc-mpx-widget-secondary-icons{display:flex;flex-wrap:wrap;gap:10px}.apc-mpx-widget-secondary-icon{flex:0 0 23%;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:10px}.apc-mpx-widget-secondary-icons-mobile{display:flex;flex-wrap:wrap;gap:6px}.apc-mpx-widget-secondary-icons-mobile .apc-mpx-widget-secondary-icon{flex:0 0 22%}.apc-mpx-widget-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;overflow:auto;background:#00000080;z-index:4000}.apc-mpx-widget-modal{position:relative;width:90%;max-width:600px;max-height:75vh;background-color:#fff;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 2px 6px #0000004d}.apc-mpx-widget-modal-close-btn{padding:8px 12px;background-color:transparent;border:none;outline:none;cursor:pointer;font-size:16px;position:sticky;top:0;z-index:500;align-self:flex-end;border-bottom:1px solid #eee}.apc-mpx-widget-modal-content{padding:10px;overflow-y:Scroll;flex:1}.apc-mypixia-widget-primary-nav-container{display:flex;gap:2px;flex-direction:column;text-align:center}@media screen and (max-width: 600px){.apc-mpc-widget-colum-features-container{display:none}.apc-mpc-widget-colum-modules-container{flex-basis:8%;width:10%}.apc-mpc-widget-colum-features-container{flex-basis:0;width:auto}.apc-mpc-widget-colum-editor-container{flex-basis:100%;width:100%}.apc-mpc-widget-colum-modules-container{flex-basis:0;width:auto}.apc-mypixia-widget-primary-nav-container{position:fixed;bottom:0;left:0;right:0;width:100%;height:60px;flex-direction:row;justify-content:space-around;align-items:center;z-index:2000;box-shadow:0 -2px 4px #0000001a;overflow:auto}.apc-mypixia-widget-primary-nav-container>div{padding:5px!important;font-size:10px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;cursor:pointer;min-width:50px}.apc-mypixia-widget-primary-nav-container .apc-mypixia-widget-primary-nav-svg{width:20px!important;height:20px!important}.apc-mypixia-widget-primary-nav-container div div{margin-top:2px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;height:100%;min-height:200px}.spinner{position:relative;width:60px;height:60px}.spinner-circle{position:absolute;border:4px solid rgba(0,0,0,.1);border-top:4px solid #000000;border-radius:50%;width:100%;height:100%;animation:spin 1.2s cubic-bezier(.5,.1,.5,.9) infinite}.spinner-circle-inner{position:absolute;border:4px solid transparent;border-right:4px solid #f39c12;border-radius:50%;width:70%;height:70%;top:15%;left:15%;animation:spin-reverse .8s linear infinite}.loading-text{margin-top:15px;font-size:14px;color:#555;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (prefers-color-scheme: dark){.loading-text{color:#b0b0b0}.spinner-circle{border-color:#ffffff1a;border-top-color:#000}}
package/license.txt ADDED
@@ -0,0 +1,42 @@
1
+ # License for Mypixia
2
+
3
+ ## Dual License Agreement
4
+
5
+ This software is licensed under a dual license model:
6
+
7
+ ### Free License (Open Source Features)
8
+
9
+ You are free to use, modify, and distribute the free features of this software, which are clearly marked in the documentation, under the following conditions:
10
+
11
+ 1. **Attribution**: You must give appropriate credit, provide a link to the license, and indicate if changes were made.
12
+ 2. **No Additional Restrictions**: You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.
13
+
14
+ ### Commercial License (Premium Features)
15
+
16
+ Premium features of this software require a valid subscription:
17
+
18
+ 1. **Subscription Required**: Access to premium features, marked as such in the documentation, requires an active subscription.
19
+ 2. **No Redistribution**: You may not redistribute, resell, or transfer the premium features without explicit permission.
20
+ 3. **API Usage**: The software may communicate with our servers to validate subscription status.
21
+ 4. **No Circumvention**: You may not attempt to bypass or circumvent the subscription validation mechanisms.
22
+
23
+ ## Usage Restrictions
24
+
25
+ This software may not be used for:
26
+ 1. Any illegal activities
27
+ 2. Any purpose that violates the rights of others
28
+ 3. Any purpose that may cause harm to others
29
+
30
+ ## Disclaimer of Warranty
31
+
32
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
33
+
34
+ ## Termination
35
+
36
+ Your rights under this license will terminate automatically if you fail to comply with any of its terms.
37
+
38
+ ## Contact
39
+
40
+ For licensing inquiries, please contact: legal@mypixia.com
41
+
42
+ Copyright © 2025 Mypixia
package/package.json ADDED
@@ -0,0 +1,44 @@
1
+ {
2
+ "name": "@mypixia/simplex-designer",
3
+ "version": "1.0.0",
4
+ "main": "dist/index.cjs.js",
5
+ "module": "dist/index.esm.js",
6
+ "unpkg": "dist/index.umd.js",
7
+ "files": [
8
+ "dist"
9
+ ],
10
+ "peerDependencies": {
11
+ "axios": "^1.9.0",
12
+ "clsx": "^2.0.0",
13
+ "fabric": "^5.3.0",
14
+ "jspdf": "^3.0.1",
15
+ "qrcode": "^1.5.4",
16
+ "react-barcode": "^1.6.1",
17
+ "react-share": "^5.2.2",
18
+ "react": "^17.0.0 || ^18.0.0",
19
+ "react-dom": "^17.0.0 || ^18.0.0"
20
+ },
21
+ "scripts": {
22
+ "build": "vite build",
23
+ "dev": "vite"
24
+ },
25
+ "publishConfig": {
26
+ "access": "public"
27
+ },
28
+ "keywords": [
29
+ "react",
30
+ "component",
31
+ "ui",
32
+ "mypixia",
33
+ "editor",
34
+ "fabric",
35
+ "tshirt designer"
36
+ ],
37
+ "license": "see license.txt",
38
+ "devDependencies": {
39
+ "vite": "^6.3.5"
40
+ },
41
+ "dependencies": {
42
+ "@vitejs/plugin-react": "^4.4.1"
43
+ }
44
+ }