@licklist/design 0.45.0-dev.0 → 0.45.0

package/dist/setting/dashboard/snippets/card/SnippetCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("react-i18next"),a=require("clsx"),n=require("react-bootstrap"),l=require("@react-aria/utils");require("../../../../table/index.js"),require("../../../../modals/index.js");var u=require("react-router-dom");require("../../../../static/index.js");var i=require("../../../../static/Icon.js"),o=require("../../../../modals/confirmation/ConfirmModal.js"),c=require("../../../../table/MenuButton.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t),m=s(a);exports.SnippetCard=function(a){var s=a.name,f=a.href,p=a.onRemove,v=a.hasPermission,E=void 0===v||v,b=a.isDefault,q=void 0!==b&&b,g=r.useTranslation("Design").t,x=u.useNavigate(),N=l.useId(),y=e.__read(t.useState(!1),2),C=y[0],j=y[1],h=E&&!q;return d.default.createElement("div",{className:"border-0 product-set-card-wrapper w-100 pb-0",role:"button",tabIndex:0,onClick:function(){return x(f)},onKeyUp:function(){return x(f)}},d.default.createElement("div",{className:"product-set-card"},d.default.createElement("div",{className:"product-set-card-link"},s),d.default.createElement("div",{className:"d-flex align-items-center"},q&&d.default.createElement("div",{className:"mr-4"},g("Design:default")),d.default.createElement("div",{className:"product-set-card-menu-eye-container"},d.default.createElement(i.default,{type:"eye",color:"#0E8CE2",width:"20"})),d.default.createElement(n.OverlayTrigger,{trigger:"click",placement:"bottom",rootClose:!0,overlay:d.default.createElement(n.Popover,{id:N,className:m.default("product-set-card-popover",!C&&"d-none")},d.default.createElement(n.Popover.Content,{as:n.ListGroup,className:"product-set-card-menu",variant:"flush"},d.default.createElement(n.ListGroup.Item,{action:!0,className:"text-danger",as:"div"},d.default.createElement(o.ConfirmModal,null,(function(e){return d.default.createElement(c.MenuButton,{onClick:function(){j(!1),e(p)},name:g("remove"),icon:"trash-alt",className:"product-set-card-menu-item-text d-flex w-100 align-items-center",rightIcon:!0})})))))},d.default.createElement("button",{type:"button",className:"product-set-card-menu-button",disabled:!h,onClick:function(e){e.stopPropagation(),j(!0)}},d.default.createElement(i.default,{type:"ellipsis-h"}))))))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),a=e(r),n=e(require("@licklist/plugins/dist/services/Route/RouteService")),i=require("react-i18next"),o=require("react-bootstrap"),l=require("../../../../static/Icon.js"),s=require("@react-aria/utils"),c=e(require("clsx"));require("../../../../static/index.js");var u=require("../../../../modals/confirmation/ConfirmModal.js");require("../../../../modals/dialog/Dialog.js"),require("../../../../modals/dialog/DialogContext.js");var d=require("../../../../table/MenuButton.js");require("../../../../table/FilterHelperComponent.js"),require("../../../../table/PaginationHelperComponent.js"),require("../../../../table/PerPageHelperComponent.js"),require("../../../../table/StaticTable.js"),require("../../../../table/TableHelperComponent.js"),require("../../../../table/ReactTableHelperComponent.js"),exports.SnippetCard=function(e){var m=e.name,p=e.href,v=e.onRemove,b=e.hasPermission,f=void 0===b||b,q=e.isDefault,g=void 0!==q&&q,E=i.useTranslation("Design").t,C=s.useId(),j=t.__read(r.useState(!1),2),x=j[0],N=j[1],y=f&&!g;return a.createElement("div",{className:"border-0 product-set-card-wrapper w-100 pb-0",role:"button",tabIndex:0,onClick:function(){return n.redirectTo(p)},onKeyUp:function(){return n.redirectTo(p)}},a.createElement("div",{className:"product-set-card"},a.createElement("div",{className:"product-set-card-link"},m),a.createElement("div",{className:"d-flex align-items-center"},g&&a.createElement("div",{className:"mr-4"},E("Design:default")),a.createElement("div",{className:"product-set-card-menu-eye-container"},a.createElement(l.default,{type:"eye",color:"#0E8CE2",width:"20"})),a.createElement(o.OverlayTrigger,{trigger:"click",placement:"bottom",rootClose:!0,overlay:a.createElement(o.Popover,{id:C,className:c("product-set-card-popover",!x&&"d-none")},a.createElement(o.Popover.Content,{as:o.ListGroup,className:"product-set-card-menu",variant:"flush"},a.createElement(o.ListGroup.Item,{action:!0,className:"text-danger",as:"div"},a.createElement(u.ConfirmModal,null,(function(e){return a.createElement(d.MenuButton,{onClick:function(){N(!1),e(v)},name:E("remove"),icon:"trash-alt",className:"product-set-card-menu-item-text d-flex w-100 align-items-center",rightIcon:!0})})))))},a.createElement("button",{type:"button",className:"product-set-card-menu-button",disabled:!y,onClick:function(e){e.stopPropagation(),N(!0)}},a.createElement(l.default,{type:"ellipsis-h"}))))))};

package/dist/setting/system/SystemSettingForm.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
 import { PaymentFeeFormFieldValues } from "../admin/PaymentFeeForm";
 export type SystemSettingFormFieldValues = PaymentFeeFormFieldValues;
@@ -7,5 +7,5 @@ export interface SystemSettingFormProps extends HasPermissionProp {
     onSubmit?: (data: SystemSettingFormFieldValues) => void;
     defaultValues?: Partial<SystemSettingFormFieldValues>;
 }
-export declare function SystemSettingForm(props: SystemSettingFormProps): React.JSX.Element;
+export declare function SystemSettingForm(props: SystemSettingFormProps): JSX.Element;
 //# sourceMappingURL=SystemSettingForm.d.ts.map

package/dist/setting/system/SystemSettingForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SystemSettingForm.d.ts","sourceRoot":"","sources":["../../../src/setting/system/SystemSettingForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAEL,yBAAyB,EAC1B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,4BAA4B,GAAG,yBAAyB,CAAC;AAErE,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,4BAA4B,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAC;CACvD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBA2C9D"}
+{"version":3,"file":"SystemSettingForm.d.ts","sourceRoot":"","sources":["../../../src/setting/system/SystemSettingForm.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAEL,yBAAyB,EAC1B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,4BAA4B,GAAG,yBAAyB,CAAC;AAErE,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,4BAA4B,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAC;CACvD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eA2C9D"}

package/dist/setting/system/SystemSettingForm.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("react-bootstrap"),a=require("react-bootstrap/Form"),i=require("react-hook-form"),n=require("react-i18next"),o=require("../admin/PaymentFeeForm.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t),l=s(a);exports.SystemSettingForm=function(t){var a=t.isLoading,s=void 0!==a&&a,m=t.defaultValues,d=void 0===m?{}:m,c=t.onSubmit,f=t.hasPermission,b=void 0===f||f,p=i.useForm({mode:"onChange",defaultValues:d}),g=p.handleSubmit,v=n.useTranslation("Design").t;return u.default.createElement(l.default,{className:"d-flex flex-column",noValidate:!0,onSubmit:g(c)},u.default.createElement(i.FormProvider,e.__assign({},p),u.default.createElement(o.PaymentFeeForm,e.__assign({},t))),b&&u.default.createElement(r.Button,{type:"submit",disabled:s,className:"d-flex align-items-center align-self-end mt-5"},s&&u.default.createElement(r.Spinner,{animation:"border",size:"sm",role:"status","aria-hidden":"true",className:"mr-2"}),v("update")))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=e(require("react")),a=require("react-i18next"),i=require("react-bootstrap"),n=require("react-hook-form"),o=e(require("react-bootstrap/Form")),s=require("../admin/PaymentFeeForm.js");exports.SystemSettingForm=function(e){var m=e.isLoading,u=void 0!==m&&m,l=e.defaultValues,d=void 0===l?{}:l,c=e.onSubmit,f=e.hasPermission,b=void 0===f||f,p=n.useForm({mode:"onChange",defaultValues:d}),g=p.handleSubmit,F=a.useTranslation("Design").t;return r.createElement(o,{className:"d-flex flex-column",noValidate:!0,onSubmit:g(c)},r.createElement(n.FormProvider,t.__assign({},p),r.createElement(s.PaymentFeeForm,t.__assign({},e))),b&&r.createElement(i.Button,{type:"submit",disabled:u,className:"d-flex align-items-center align-self-end mt-5"},u&&r.createElement(i.Spinner,{animation:"border",size:"sm",role:"status","aria-hidden":"true",className:"mr-2"}),F("update")))};

package/dist/sidebar/elements/ReturnBack.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+/// <reference types="react" />
 export interface ReturnBackProps {
     onClick: () => void;
 }
-declare function ReturnBack({ onClick }: ReturnBackProps): React.JSX.Element;
+declare function ReturnBack({ onClick }: ReturnBackProps): JSX.Element;
 export default ReturnBack;
 //# sourceMappingURL=ReturnBack.d.ts.map

package/dist/sidebar/elements/ReturnBack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReturnBack.d.ts","sourceRoot":"","sources":["../../../src/sidebar/elements/ReturnBack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,iBAAS,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,qBAW/C;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ReturnBack.d.ts","sourceRoot":"","sources":["../../../src/sidebar/elements/ReturnBack.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,iBAAS,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,eAW/C;AAED,eAAe,UAAU,CAAC"}

package/dist/sidebar/elements/ReturnBack.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-bootstrap"),r=require("react-i18next"),a=require("../../static/Icon.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e);exports.default=function(e){var n=e.onClick,u=r.useTranslation(["Design"]).t;return i.default.createElement("div",{className:"sidebar-return-back-container"},i.default.createElement(t.Button,{onClick:n,variant:"outline-primary"},i.default.createElement(a.default,{type:"chevron-left",height:"1rem"}),i.default.createElement("span",{className:"sidebar-return-back__title"},u("backToCompany"))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),n=require("react-bootstrap"),i=require("../../static/Icon.js");exports.default=function(e){var t=e.onClick,c=a.useTranslation(["Design"]).t;return r.createElement("div",{className:"sidebar-return-back-container"},r.createElement(n.Button,{onClick:t,variant:"outline-primary"},r.createElement(i.default,{type:"chevron-left",height:"1rem"}),r.createElement("span",{className:"sidebar-return-back__title"},c("backToCompany"))))};

package/dist/slide-curtain/SlideCurtain.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
+/// <reference types="react" />
 export declare function SlideCurtain({ children }: {
     children: any;
-}): React.JSX.Element;
+}): JSX.Element;
 //# sourceMappingURL=SlideCurtain.d.ts.map

package/dist/slide-curtain/SlideCurtain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideCurtain.d.ts","sourceRoot":"","sources":["../../src/slide-curtain/SlideCurtain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE;;CAAA,qBAyDxC"}
+{"version":3,"file":"SlideCurtain.d.ts","sourceRoot":"","sources":["../../src/slide-curtain/SlideCurtain.tsx"],"names":[],"mappings":";AAMA,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE;;CAAA,eAyDxC"}

package/dist/slide-curtain/SlideCurtain.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("react-swipeable"),i=require("../static/Icon.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(t);exports.SlideCurtain=function(l){var u=l.children,a=e.__read(t.useState(!0),2),s=a[0],c=a[1],o=e.__read(t.useState(null),2),d=o[0],f=o[1],_=t.useRef(null),m=t.useRef(null),p=r.useSwipeable({onSwipedUp:function(){c(!0)},onSwipedDown:function(e){e.velocity>.1&&c(!1)},trackTouch:!0,trackMouse:!0});return t.useEffect((function(){var e,t,r=(null===(e=m.current)||void 0===e?void 0:e.clientHeight)-(null===(t=_.current)||void 0===t?void 0:t.clientHeight);f(r+90)}),[m,_]),n.default.createElement("div",{className:"slide-form",ref:_,style:{bottom:s?0:d}},n.default.createElement("div",e.__assign({className:"slide-form__swipe-trigger"},p,{ref:function(e){p.ref(e),m.current=e}}),n.default.createElement(i.default,{type:"ellipsis-h",height:"1.5rem",className:"slide-form__swipe-trigger__icon"})),n.default.createElement("div",{className:"slide-form__content"},u))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),i=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,l=require("../static/Icon.js"),n=require("react-swipeable");exports.SlideCurtain=function(e){var s=e.children,c=t.__read(r.useState(!0),2),u=c[0],a=c[1],o=t.__read(r.useState(null),2),d=o[0],f=o[1],_=r.useRef(null),m=r.useRef(null),p=n.useSwipeable({onSwipedUp:function(){a(!0)},onSwipedDown:function(e){e.velocity>.1&&a(!1)},trackTouch:!0,trackMouse:!0});return r.useEffect((function(){var e,t,r=(null===(e=m.current)||void 0===e?void 0:e.clientHeight)-(null===(t=_.current)||void 0===t?void 0:t.clientHeight);f(r+90)}),[m,_]),i.createElement("div",{className:"slide-form",ref:_,style:{bottom:u?0:d}},i.createElement("div",t.__assign({className:"slide-form__swipe-trigger"},p,{ref:function(e){p.ref(e),m.current=e}}),i.createElement(l.default,{type:"ellipsis-h",height:"1.5rem",className:"slide-form__swipe-trigger__icon"})),i.createElement("div",{className:"slide-form__content"},s))};

package/dist/snippet/snippet-template/SnippetTemplate.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
 import { ServerError } from "@licklist/plugins/dist/hooks/Api/useHttpQuery";
 import { SnippetTemplateFormProps } from "./form/SnippetTemplateForm";
@@ -8,5 +8,5 @@ export interface SnippetTemplateProps extends SnippetTemplateFormProps, HasPermi
     serverErrors?: ServerError;
     providerHasMap?: boolean | null;
 }
-export declare function SnippetTemplate({ isLoading, defaultValues, onSubmit, hasPermission, serverErrors, providerHasMap, }: SnippetTemplateProps): React.JSX.Element;
+export declare function SnippetTemplate({ isLoading, defaultValues, onSubmit, hasPermission, serverErrors, providerHasMap, }: SnippetTemplateProps): JSX.Element;
 //# sourceMappingURL=SnippetTemplate.d.ts.map

package/dist/snippet/snippet-template/SnippetTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnippetTemplate.d.ts","sourceRoot":"","sources":["../../../src/snippet/snippet-template/SnippetTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAK5E,OAAO,EAEL,wBAAwB,EACzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAEL,6BAA6B,EAC9B,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,oBACf,SAAQ,wBAAwB,EAC9B,iBAAiB;IACnB,aAAa,CAAC,EAAE,6BAA6B,CAAC;IAC9C,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACjC;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,aAAa,EACb,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,cAAsB,GACvB,EAAE,oBAAoB,qBAsCtB"}
+{"version":3,"file":"SnippetTemplate.d.ts","sourceRoot":"","sources":["../../../src/snippet/snippet-template/SnippetTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAK5E,OAAO,EAEL,wBAAwB,EACzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAEL,6BAA6B,EAC9B,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,oBACf,SAAQ,wBAAwB,EAC9B,iBAAiB;IACnB,aAAa,CAAC,EAAE,6BAA6B,CAAC;IAC9C,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACjC;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,aAAa,EACb,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,cAAsB,GACvB,EAAE,oBAAoB,eAsCtB"}

package/dist/snippet/snippet-template/SnippetTemplate.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("./preview/index.js");var t=require("./context/snippetTemplateView.js"),r=require("./context/snippetTemplateLoading.js"),a=require("./form/SnippetTemplateForm.js"),l=require("./context/snippetTemplate.js"),i=require("./preview/Preview.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);exports.SnippetTemplate=function(n){var s=n.isLoading,u=n.defaultValues,p=n.onSubmit,m=n.hasPermission,d=n.serverErrors,f=n.providerHasMap,c=void 0!==f&&f,v=e.useRef(null);return o.default.createElement(r.SnippetTemplateLoadingContextProvider,null,o.default.createElement(l.SnippetTemplateContextProvider,{defaultValues:u},o.default.createElement(t.SnippetTemplateViewContextProvider,null,o.default.createElement("div",{ref:v,className:"d-flex flex-column-reverse flex-sm-row overflow-auto"},o.default.createElement("div",{className:"d-flex flex-grow-1"},o.default.createElement(i.Preview,{onSettingClick:function(){v.current&&v.current.scrollIntoView({behavior:"smooth",block:"start"})},providerHasMap:c})),o.default.createElement("div",{className:"d-flex flex-column flex-grow-0 mx-4 mb-4"},o.default.createElement(a.SnippetTemplateForm,{isLoading:s,onSubmit:p,hasPermission:m,serverErrors:d,providerHasMap:c}))))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),t=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,i=require("./context/snippetTemplate.js"),l=require("./context/snippetTemplateLoading.js"),o=require("./context/snippetTemplateView.js"),a=require("./form/SnippetTemplateForm.js"),n=require("./preview/Preview.js");exports.SnippetTemplate=function(e){var s=e.isLoading,p=e.defaultValues,m=e.onSubmit,u=e.hasPermission,c=e.serverErrors,d=e.providerHasMap,v=void 0!==d&&d,f=r.useRef(null);return t.createElement(l.SnippetTemplateLoadingContextProvider,null,t.createElement(i.SnippetTemplateContextProvider,{defaultValues:p},t.createElement(o.SnippetTemplateViewContextProvider,null,t.createElement("div",{ref:f,className:"d-flex flex-column-reverse flex-sm-row overflow-auto"},t.createElement("div",{className:"d-flex flex-grow-1"},t.createElement(n.Preview,{onSettingClick:function(){f.current&&f.current.scrollIntoView({behavior:"smooth",block:"start"})},providerHasMap:v})),t.createElement("div",{className:"d-flex flex-column flex-grow-0 mx-4 mb-4"},t.createElement(a.SnippetTemplateForm,{isLoading:s,onSubmit:m,hasPermission:u,serverErrors:c,providerHasMap:v}))))))};

package/dist/snippet/snippet-template/context/snippetTemplate.d.ts

@@ -13,5 +13,5 @@ export declare const SnippetTemplateContext: React.Context<SnippetTemplateContex
 export interface SnippetTemplateLoadingContextProviderProps extends React.PropsWithChildren<unknown> {
     defaultValues?: SnippetTemplateValuesWithName;
 }
-export declare function SnippetTemplateContextProvider({ children, defaultValues, }: SnippetTemplateLoadingContextProviderProps): React.JSX.Element;
+export declare function SnippetTemplateContextProvider({ children, defaultValues, }: SnippetTemplateLoadingContextProviderProps): JSX.Element;
 //# sourceMappingURL=snippetTemplate.d.ts.map

package/dist/snippet/snippet-template/context/snippetTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snippetTemplate.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/context/snippetTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EACL,eAAe,EAEhB,MAAM,mEAAmE,CAAC;AAG3E,MAAM,MAAM,6BAA6B,GAAG,OAAO,CACjD,eAAe,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,CACF,CAAC;AAEF,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,6BAA6B,CAAC;IACxC,OAAO,EAAE;QACP,cAAc,EAAE,CAAC,YAAY,EAAE,6BAA6B,KAAK,IAAI,CAAC;KACvE,CAAC;CACH;AAED,eAAO,MAAM,sBAAsB,6CACuB,CAAC;AAE3D,MAAM,WAAW,0CACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,6BAA6B,CAAC;CAC/C;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,QAAQ,EACR,aAAa,GACd,EAAE,0CAA0C,qBA8J5C"}
+{"version":3,"file":"snippetTemplate.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/context/snippetTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EACL,eAAe,EAEhB,MAAM,mEAAmE,CAAC;AAG3E,MAAM,MAAM,6BAA6B,GAAG,OAAO,CACjD,eAAe,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,CACF,CAAC;AAEF,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,6BAA6B,CAAC;IACxC,OAAO,EAAE;QACP,cAAc,EAAE,CAAC,YAAY,EAAE,6BAA6B,KAAK,IAAI,CAAC;KACvE,CAAC;CACH;AAED,eAAO,MAAM,sBAAsB,6CACuB,CAAC;AAE3D,MAAM,WAAW,0CACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,6BAA6B,CAAC;CAC/C;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,QAAQ,EACR,aAAa,GACd,EAAE,0CAA0C,eA8J5C"}

package/dist/snippet/snippet-template/context/snippetTemplate.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),e=require("react"),r=require("@licklist/core/dist/DataMapper/Provider/SnippetTemplateDataMapper"),t=require("../utils/index.js");function n(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var l=n(e),d=e.createContext(null);exports.SnippetTemplateContext=d,exports.SnippetTemplateContextProvider=function(n){var p=n.children,a=n.defaultValues,i=e.useRef(null),u=o.__read(e.useState(t.safeMergeDefaultSettings(a)),2),c=u[0],s=u[1];i.current={updateTemplate:function(o){return s((function(){return o}))}};var v=e.useMemo((function(){var o=encodeURIComponent((null==c?void 0:c.elementsButtonBackgroundColor)||r.DEFAULT_SNIPPET_TEMPLATE_COLORS.elementsButtonBackgroundColor);return"url(\"data:image/svg+xml;utf8,<svg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg' class='svg-icon'><path fill-rule='evenodd' clip-rule='evenodd' d='M10.4593 0.961076C11.2406 0.961076 11.7201 1.81699 11.3121 2.48332L6.65163 10.0936C6.26153 10.7306 5.33613 10.7306 4.94603 10.0936L0.285581 2.48332C-0.122471 1.81699 0.357031 0.961076 1.13838 0.961076L10.4593 0.961076Z' fill='".concat(o,"'/></svg>\")")}),[c]);return l.default.createElement(d.Provider,{value:{template:c,actions:i.current}},l.default.createElement("div",{className:"w-100 h-100",style:{"--snippet-page-background-color":null==c?void 0:c.backgroundColor,"--snippet-page-header-background-gradient-color-1":null==c?void 0:c.pageHeaderBackgroundGradientColor1,"--snippet-page-header-background-gradient-color-2":null==c?void 0:c.pageHeaderBackgroundGradientColor2,"--snippet-page-header-background-gradient-color-3":null==c?void 0:c.pageHeaderBackgroundGradientColor3,"--snippet-page-header-background-gradient-color-4":null==c?void 0:c.pageHeaderBackgroundGradientColor4,"--snippet-page-header-steps-active-step-background-color":null==c?void 0:c.pageHeaderStepsActiveStepBackgroundColor,"--snippet-page-header-steps-active-step-border-color":null==c?void 0:c.pageHeaderStepsActiveStepBorderColor,"--snippet-page-header-steps-active-step-body-color":null==c?void 0:c.pageHeaderStepsActiveStepBodyColor,"--snippet-page-header-steps-inactive-step-background-color":null==c?void 0:c.pageHeaderStepsInactiveStepBackgroundColor,"--snippet-page-header-steps-inactive-step-border-color":null==c?void 0:c.pageHeaderStepsInactiveStepBorderColor,"--snippet-page-header-steps-inactive-step-body-color":null==c?void 0:c.pageHeaderStepsInactiveStepBodyColor,"--snippet-page-header-steps-timer-background-color":null==c?void 0:c.pageHeaderStepsTimerBackgroundColor,"--snippet-page-header-steps-timer-border-color":null==c?void 0:c.pageHeaderStepsTimerBorderColor,"--snippet-page-header-steps-timer-body-color":null==c?void 0:c.pageHeaderStepsTimerBodyColor,"--snippet-page-header-steps-body-color":null==c?void 0:c.pageHeaderStepsBodyColor,"--snippet-page-header-steps-close-button-background-color":null==c?void 0:c.pageHeaderStepsCloseButtonBackgroundColor,"--snippet-page-header-steps-close-button-border-color":null==c?void 0:c.pageHeaderStepsCloseButtonBorderColor,"--snippet-page-body-left-block-background-color":null==c?void 0:c.pageBodyLeftBlockBackgroundColor,"--snippet-page-body-left-block-back-button-background-color":null==c?void 0:c.pageBodyLeftBlockBackButtonBackgroundColor,"--snippet-page-body-left-block-back-button-border-color":null==c?void 0:c.pageBodyLeftBlockBackButtonBorderColor,"--snippet-page-body-left-block-back-button-body-color":null==c?void 0:c.pageBodyLeftBlockBackButtonBodyColor,"--snippet-page-body-right-block-background-color":null==c?void 0:c.pageBodyRightBlockBackgroundColor,"--snippet-elements-body-color":null==c?void 0:c.elementsBodyColor,"--snippet-elements-input-border-color":null==c?void 0:c.elementsInputBorderColor,"--snippet-elements-input-background-color":null==c?void 0:c.elementsInputBackgroundColor,"--snippet-elements-input-body-color":null==c?void 0:c.elementsInputBodyColor,"--snippet-elements-number-input-background-color":null==c?void 0:c.elementsNumberInputBackgroundColor,"--snippet-elements-number-input-border-color":null==c?void 0:c.elementsNumberInputBorderColor,"--snippet-elements-number-input-body-color":null==c?void 0:c.elementsNumberInputBodyColor,"--snippet-elements-number-input-button-border-color":null==c?void 0:c.elementsNumberInputButtonBorderColor,"--snippet-elements-number-input-button-background-color":null==c?void 0:c.elementsNumberInputButtonBackgroundColor,"--snippet-elements-button-color":null==c?void 0:c.elementsButtonColor,"--snippet-elements-button-background-color":null==c?void 0:c.elementsButtonBackgroundColor,"--snippet-elements-button-border-color":null==c?void 0:c.elementsButtonBorderColor,"--snippet-form-link-color":null==c?void 0:c.formLinkColor,"--snippet-steps-background-color":c.stepsBackgroundColor,"--snippet-dropdown-background-color":null==c?void 0:c.dropdownBackgroundColor,"--snippet-dropdown-border-color":null==c?void 0:c.dropdownBorderColor,"--snippet-dropdown-font-color":null==c?void 0:c.dropdownFontColor,"--snippet-dropdown-background-icon":v,"--snippet-calendar-button-border-color":null==c?void 0:c.calendarButtonBorderColor,"--snippet-calendar-button-background-color":null==c?void 0:c.calendarButtonBackgroundColor,"--snippet-calendar-button-font-color":null==c?void 0:c.calendarButtonFontColor,"--snippet-calendar-disabled-button-border-color":null==c?void 0:c.calendarDisabledButtonBorderColor,"--snippet-calendar-disabled-button-background-color":null==c?void 0:c.calendarDisabledButtonBackgroundColor,"--snippet-calendar-disabled-button-font-color":null==c?void 0:c.calendarDisabledButtonFontColor,"--snippet-calendar-active-button-border-color":null==c?void 0:c.calendarActiveButtonBorderColor,"--snippet-calendar-active-button-background-color":null==c?void 0:c.calendarActiveButtonBackgroundColor,"--snippet-calendar-active-button-font-color":null==c?void 0:c.calendarActiveButtonFontColor,"--snippet-product-set-border-color":null==c?void 0:c.productSetBorderColor,"--snippet-product-set-background-color":null==c?void 0:c.productSetBackgroundColor,"--snippet-product-set-font-color":null==c?void 0:c.productSetFontColor,"--snippet-active-product-set-border-color":null==c?void 0:c.activeProductSetBorderColor,"--snippet-active-product-set-background-color":null==c?void 0:c.activeProductSetBackgroundColor,"--snippet-active-product-set-font-color":null==c?void 0:c.activeProductSetFontColor,"--snippet-canvas-background-color":null==c?void 0:c.canvasBackgroundColor,"--snippet-canvas-border-color":null==c?void 0:c.canvasBorderColor,"--snippet-canvas-point-border-color":null==c?void 0:c.pointBorderColor,"--snippet-canvas-point-background-color":null==c?void 0:c.pointBackgroundColor,"--snippet-canvas-point-font-color":null==c?void 0:c.pointFontColor,"--snippet-canvas-active-point-border-color":null==c?void 0:c.activePointBorderColor,"--snippet-canvas-active-point-background-color":null==c?void 0:c.activePointBackgroundColor,"--snippet-canvas-active-point-font-color":null==c?void 0:c.activePointFontColor},id:"snippet-template-context"},p))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o,e=require("tslib"),r=require("react"),t=(o=r)&&"object"==typeof o&&"default"in o?o.default:o,n=require("@licklist/core/dist/DataMapper/Provider/SnippetTemplateDataMapper"),l=require("../utils/index.js"),d=r.createContext(null);exports.SnippetTemplateContext=d,exports.SnippetTemplateContextProvider=function(o){var p=o.children,a=o.defaultValues,i=r.useRef(null),c=e.__read(r.useState(l.safeMergeDefaultSettings(a)),2),u=c[0],s=c[1];i.current={updateTemplate:function(o){return s((function(){return o}))}};var v=r.useMemo((function(){var o=encodeURIComponent((null==u?void 0:u.elementsButtonBackgroundColor)||n.DEFAULT_SNIPPET_TEMPLATE_COLORS.elementsButtonBackgroundColor);return"url(\"data:image/svg+xml;utf8,<svg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg' class='svg-icon'><path fill-rule='evenodd' clip-rule='evenodd' d='M10.4593 0.961076C11.2406 0.961076 11.7201 1.81699 11.3121 2.48332L6.65163 10.0936C6.26153 10.7306 5.33613 10.7306 4.94603 10.0936L0.285581 2.48332C-0.122471 1.81699 0.357031 0.961076 1.13838 0.961076L10.4593 0.961076Z' fill='".concat(o,"'/></svg>\")")}),[u]);return t.createElement(d.Provider,{value:{template:u,actions:i.current}},t.createElement("div",{className:"w-100 h-100",style:{"--snippet-page-background-color":null==u?void 0:u.backgroundColor,"--snippet-page-header-background-gradient-color-1":null==u?void 0:u.pageHeaderBackgroundGradientColor1,"--snippet-page-header-background-gradient-color-2":null==u?void 0:u.pageHeaderBackgroundGradientColor2,"--snippet-page-header-background-gradient-color-3":null==u?void 0:u.pageHeaderBackgroundGradientColor3,"--snippet-page-header-background-gradient-color-4":null==u?void 0:u.pageHeaderBackgroundGradientColor4,"--snippet-page-header-steps-active-step-background-color":null==u?void 0:u.pageHeaderStepsActiveStepBackgroundColor,"--snippet-page-header-steps-active-step-border-color":null==u?void 0:u.pageHeaderStepsActiveStepBorderColor,"--snippet-page-header-steps-active-step-body-color":null==u?void 0:u.pageHeaderStepsActiveStepBodyColor,"--snippet-page-header-steps-inactive-step-background-color":null==u?void 0:u.pageHeaderStepsInactiveStepBackgroundColor,"--snippet-page-header-steps-inactive-step-border-color":null==u?void 0:u.pageHeaderStepsInactiveStepBorderColor,"--snippet-page-header-steps-inactive-step-body-color":null==u?void 0:u.pageHeaderStepsInactiveStepBodyColor,"--snippet-page-header-steps-timer-background-color":null==u?void 0:u.pageHeaderStepsTimerBackgroundColor,"--snippet-page-header-steps-timer-border-color":null==u?void 0:u.pageHeaderStepsTimerBorderColor,"--snippet-page-header-steps-timer-body-color":null==u?void 0:u.pageHeaderStepsTimerBodyColor,"--snippet-page-header-steps-body-color":null==u?void 0:u.pageHeaderStepsBodyColor,"--snippet-page-header-steps-close-button-background-color":null==u?void 0:u.pageHeaderStepsCloseButtonBackgroundColor,"--snippet-page-header-steps-close-button-border-color":null==u?void 0:u.pageHeaderStepsCloseButtonBorderColor,"--snippet-page-body-left-block-background-color":null==u?void 0:u.pageBodyLeftBlockBackgroundColor,"--snippet-page-body-left-block-back-button-background-color":null==u?void 0:u.pageBodyLeftBlockBackButtonBackgroundColor,"--snippet-page-body-left-block-back-button-border-color":null==u?void 0:u.pageBodyLeftBlockBackButtonBorderColor,"--snippet-page-body-left-block-back-button-body-color":null==u?void 0:u.pageBodyLeftBlockBackButtonBodyColor,"--snippet-page-body-right-block-background-color":null==u?void 0:u.pageBodyRightBlockBackgroundColor,"--snippet-elements-body-color":null==u?void 0:u.elementsBodyColor,"--snippet-elements-input-border-color":null==u?void 0:u.elementsInputBorderColor,"--snippet-elements-input-background-color":null==u?void 0:u.elementsInputBackgroundColor,"--snippet-elements-input-body-color":null==u?void 0:u.elementsInputBodyColor,"--snippet-elements-number-input-background-color":null==u?void 0:u.elementsNumberInputBackgroundColor,"--snippet-elements-number-input-border-color":null==u?void 0:u.elementsNumberInputBorderColor,"--snippet-elements-number-input-body-color":null==u?void 0:u.elementsNumberInputBodyColor,"--snippet-elements-number-input-button-border-color":null==u?void 0:u.elementsNumberInputButtonBorderColor,"--snippet-elements-number-input-button-background-color":null==u?void 0:u.elementsNumberInputButtonBackgroundColor,"--snippet-elements-button-color":null==u?void 0:u.elementsButtonColor,"--snippet-elements-button-background-color":null==u?void 0:u.elementsButtonBackgroundColor,"--snippet-elements-button-border-color":null==u?void 0:u.elementsButtonBorderColor,"--snippet-form-link-color":null==u?void 0:u.formLinkColor,"--snippet-steps-background-color":u.stepsBackgroundColor,"--snippet-dropdown-background-color":null==u?void 0:u.dropdownBackgroundColor,"--snippet-dropdown-border-color":null==u?void 0:u.dropdownBorderColor,"--snippet-dropdown-font-color":null==u?void 0:u.dropdownFontColor,"--snippet-dropdown-background-icon":v,"--snippet-calendar-button-border-color":null==u?void 0:u.calendarButtonBorderColor,"--snippet-calendar-button-background-color":null==u?void 0:u.calendarButtonBackgroundColor,"--snippet-calendar-button-font-color":null==u?void 0:u.calendarButtonFontColor,"--snippet-calendar-disabled-button-border-color":null==u?void 0:u.calendarDisabledButtonBorderColor,"--snippet-calendar-disabled-button-background-color":null==u?void 0:u.calendarDisabledButtonBackgroundColor,"--snippet-calendar-disabled-button-font-color":null==u?void 0:u.calendarDisabledButtonFontColor,"--snippet-calendar-active-button-border-color":null==u?void 0:u.calendarActiveButtonBorderColor,"--snippet-calendar-active-button-background-color":null==u?void 0:u.calendarActiveButtonBackgroundColor,"--snippet-calendar-active-button-font-color":null==u?void 0:u.calendarActiveButtonFontColor,"--snippet-product-set-border-color":null==u?void 0:u.productSetBorderColor,"--snippet-product-set-background-color":null==u?void 0:u.productSetBackgroundColor,"--snippet-product-set-font-color":null==u?void 0:u.productSetFontColor,"--snippet-active-product-set-border-color":null==u?void 0:u.activeProductSetBorderColor,"--snippet-active-product-set-background-color":null==u?void 0:u.activeProductSetBackgroundColor,"--snippet-active-product-set-font-color":null==u?void 0:u.activeProductSetFontColor,"--snippet-canvas-background-color":null==u?void 0:u.canvasBackgroundColor,"--snippet-canvas-border-color":null==u?void 0:u.canvasBorderColor,"--snippet-canvas-point-border-color":null==u?void 0:u.pointBorderColor,"--snippet-canvas-point-background-color":null==u?void 0:u.pointBackgroundColor,"--snippet-canvas-point-font-color":null==u?void 0:u.pointFontColor,"--snippet-canvas-active-point-border-color":null==u?void 0:u.activePointBorderColor,"--snippet-canvas-active-point-background-color":null==u?void 0:u.activePointBackgroundColor,"--snippet-canvas-active-point-font-color":null==u?void 0:u.activePointFontColor},id:"snippet-template-context"},p))};

package/dist/snippet/snippet-template/context/snippetTemplateLoading.d.ts

@@ -6,5 +6,5 @@ export interface SnippetTemplateLoadingContextValues {
 export declare const SnippetTemplateLoadingContext: React.Context<SnippetTemplateLoadingContextValues>;
 export declare function SnippetTemplateLoadingContextProvider({ children }: {
     children: any;
-}): React.JSX.Element;
+}): JSX.Element;
 //# sourceMappingURL=snippetTemplateLoading.d.ts.map

package/dist/snippet/snippet-template/context/snippetTemplateLoading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snippetTemplateLoading.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/context/snippetTemplateLoading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,mCAAmC;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7D;AAED,eAAO,MAAM,6BAA6B,oDACuB,CAAC;AAElE,wBAAgB,qCAAqC,CAAC,EAAE,QAAQ,EAAE;;CAAA,qBAQjE"}
+{"version":3,"file":"snippetTemplateLoading.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/context/snippetTemplateLoading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,mCAAmC;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7D;AAED,eAAO,MAAM,6BAA6B,oDACuB,CAAC;AAElE,wBAAgB,qCAAqC,CAAC,EAAE,QAAQ,EAAE;;CAAA,eAQjE"}

package/dist/snippet/snippet-template/context/snippetTemplateLoading.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(t),a=t.createContext(null);exports.SnippetTemplateLoadingContext=a,exports.SnippetTemplateLoadingContextProvider=function(r){var i=r.children,o=e.__read(t.useState(!1),2),u=o[0],d=o[1];return n.default.createElement(a.Provider,{value:{isLoading:u,setIsLoading:d}},i)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),a=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,i=r.createContext(null);exports.SnippetTemplateLoadingContext=i,exports.SnippetTemplateLoadingContextProvider=function(e){var n=e.children,o=t.__read(r.useState(!1),2),d=o[0],l=o[1];return a.createElement(i.Provider,{value:{isLoading:d,setIsLoading:l}},n)};

package/dist/snippet/snippet-template/context/snippetTemplateView.d.ts

@@ -19,5 +19,5 @@ export declare const SnippetTemplateViewContext: React.Context<SnippetTemplateVi
 export declare const DEFAULT_VIEW: keyof typeof snippetTemplateViews;
 export declare function SnippetTemplateViewContextProvider({ children }: {
     children: any;
-}): React.JSX.Element;
+}): JSX.Element;
 //# sourceMappingURL=snippetTemplateView.d.ts.map

package/dist/snippet/snippet-template/context/snippetTemplateView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snippetTemplateView.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/context/snippetTemplateView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,eAAO,MAAM,oBAAoB;;;;;;;;;;CAUhC,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,MAAM,OAAO,oBAAoB,CAAC;IACxC,UAAU,EAAE,OAAO,oBAAoB,CAAC;IACxC,OAAO,EAAE,KAAK,CAAC,QAAQ,CACrB,KAAK,CAAC,cAAc,CAAC,MAAM,OAAO,oBAAoB,CAAC,CACxD,CAAC;CACH;AAED,eAAO,MAAM,0BAA0B,iDACuB,CAAC;AAE/D,eAAO,MAAM,YAAY,EAAE,MAAM,OAAO,oBAA6B,CAAC;AAEtE,wBAAgB,kCAAkC,CAAC,EAAE,QAAQ,EAAE;;CAAA,qBA2I9D"}
+{"version":3,"file":"snippetTemplateView.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/context/snippetTemplateView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,eAAO,MAAM,oBAAoB;;;;;;;;;;CAUhC,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,MAAM,OAAO,oBAAoB,CAAC;IACxC,UAAU,EAAE,OAAO,oBAAoB,CAAC;IACxC,OAAO,EAAE,KAAK,CAAC,QAAQ,CACrB,KAAK,CAAC,cAAc,CAAC,MAAM,OAAO,oBAAoB,CAAC,CACxD,CAAC;CACH;AAED,eAAO,MAAM,0BAA0B,iDACuB,CAAC;AAE/D,eAAO,MAAM,YAAY,EAAE,MAAM,OAAO,oBAA6B,CAAC;AAEtE,wBAAgB,kCAAkC,CAAC,EAAE,QAAQ,EAAE;;CAAA,eA2I9D"}

package/dist/snippet/snippet-template/context/snippetTemplateView.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),r=require("react"),e=require("react-i18next");function t(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var n=t(r),a=r.createContext(null),d="page";exports.DEFAULT_VIEW=d,exports.SnippetTemplateViewContext=a,exports.SnippetTemplateViewContextProvider=function(t){var l=t.children,u=e.useTranslation("Design").t,B=r.useRef(null),c=o.__read(r.useState(d),2),C=c[0],p=c[1];return B.current={page:{backgroundColor:u("backgroundColor")},pageHeader:{pageHeaderBackgroundGradientColor1:u("backgroundGradientColorNumber",{number:1}),pageHeaderBackgroundGradientColor2:u("backgroundGradientColorNumber",{number:2}),pageHeaderBackgroundGradientColor3:u("backgroundGradientColorNumber",{number:3}),pageHeaderBackgroundGradientColor4:u("backgroundGradientColorNumber",{number:4})},pageHeaderSteps:{stepsBackgroundColor:u("backgroundColor"),pageHeaderStepsTimerBackgroundColor:u("headerTimerBackgroundColor"),pageHeaderStepsTimerBorderColor:u("headerTimerBorderColor"),pageHeaderStepsTimerBodyColor:u("headerTimerBodyColor"),pageHeaderStepsBodyColor:u("headerBodyColor"),pageHeaderStepsActiveStepBackgroundColor:u("activeStepBackgroundColor"),pageHeaderStepsActiveStepBorderColor:u("activeStepBorderColor"),pageHeaderStepsActiveStepBodyColor:u("headerActiveStepBodyColor"),pageHeaderStepsInactiveStepBackgroundColor:u("inactiveStepBackgroundColor"),pageHeaderStepsInactiveStepBorderColor:u("inactiveStepBorderColor"),pageHeaderStepsInactiveStepBodyColor:u("headerInactiveStepBodyColor"),pageHeaderStepsCloseButtonBackgroundColor:u("headerButtonsBackgroundColor"),pageHeaderStepsCloseButtonBorderColor:u("headerButtonsBodyColor")},pageBodyLeftBlock:{pageBodyLeftBlockBackgroundColor:u("backgroundColor"),pageBodyLeftBlockBackButtonBackgroundColor:u("backButtonBackgroundColor"),pageBodyLeftBlockBackButtonBorderColor:u("backButtonBorderColor"),pageBodyLeftBlockBackButtonBodyColor:u("backButtonColor")},pageBodyRightBlock:{pageBodyRightBlockBackgroundColor:u("backgroundColor")},elements:{elementsBodyColor:u("bodyColor"),elementsInputBorderColor:u("inputBorderColor"),elementsInputBackgroundColor:u("inputBackgroundColor"),elementsInputBodyColor:u("inputBodyColor"),elementsNumberInputBackgroundColor:u("numberInputBackgroundColor"),elementsNumberInputBorderColor:u("numberInputBorderColor"),elementsNumberInputBodyColor:u("numberInputBodyColor"),elementsNumberInputButtonBorderColor:u("numberInputButtonBorderColor"),elementsNumberInputButtonBackgroundColor:u("numberInputButtonBackgroundColor"),elementsButtonColor:u("buttonColor"),elementsButtonBackgroundColor:u("buttonBackgroundColor"),elementsButtonBorderColor:u("buttonBorderColor"),formLinkColor:u("linkColor"),dropdownBackgroundColor:u("dropdownBackgroundColor"),dropdownBorderColor:u("dropdownBorderColor"),dropdownFontColor:u("dropdownFontColor")},calendar:{calendarButtonBorderColor:u("calendarButtonBorderColor"),calendarButtonBackgroundColor:u("calendarButtonBackgroundColor"),calendarButtonFontColor:u("calendarButtonFontColor"),calendarDisabledButtonBorderColor:u("calendarDisabledButtonBorderColor"),calendarDisabledButtonBackgroundColor:u("calendarDisabledButtonBackgroundColor"),calendarDisabledButtonFontColor:u("calendarDisabledButtonFontColor"),calendarActiveButtonBorderColor:u("calendarActiveButtonBorderColor"),calendarActiveButtonBackgroundColor:u("calendarActiveButtonBackgroundColor"),calendarActiveButtonFontColor:u("calendarActiveButtonFontColor")},productSet:{productSetBorderColor:u("productSetBorderColor"),productSetBackgroundColor:u("productSetBackgroundColor"),productSetFontColor:u("productSetFontColor"),activeProductSetBorderColor:u("activeProductSetBorderColor"),activeProductSetBackgroundColor:u("activeProductSetBackgroundColor"),activeProductSetFontColor:u("activeProductSetFontColor")},venueMap:{canvasBackgroundColor:u("canvasBackgroundColor"),canvasBorderColor:u("canvasBorderColor"),pointBorderColor:u("pointBorderColor"),pointBackgroundColor:u("pointBackgroundColor"),pointFontColor:u("pointFontColor"),activePointBorderColor:u("activePointBorderColor"),activePointBackgroundColor:u("activePointBackgroundColor"),activePointFontColor:u("activePointFontColor")}},n.default.createElement(a.Provider,{value:{view:C,properties:B.current,setView:p}},l)},exports.snippetTemplateViews={pageHeader:{},pageHeaderSteps:{},page:{},pageBodyLeftBlock:{},pageBodyRightBlock:{},elements:{},calendar:{},productSet:{},venueMap:{}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o,r=require("tslib"),e=require("react"),t=(o=e)&&"object"==typeof o&&"default"in o?o.default:o,n=require("react-i18next"),a=e.createContext(null),d="page";exports.DEFAULT_VIEW=d,exports.SnippetTemplateViewContext=a,exports.SnippetTemplateViewContextProvider=function(o){var l=o.children,u=n.useTranslation("Design").t,B=e.useRef(null),c=r.__read(e.useState(d),2),C=c[0],p=c[1];return B.current={page:{backgroundColor:u("backgroundColor")},pageHeader:{pageHeaderBackgroundGradientColor1:u("backgroundGradientColorNumber",{number:1}),pageHeaderBackgroundGradientColor2:u("backgroundGradientColorNumber",{number:2}),pageHeaderBackgroundGradientColor3:u("backgroundGradientColorNumber",{number:3}),pageHeaderBackgroundGradientColor4:u("backgroundGradientColorNumber",{number:4})},pageHeaderSteps:{stepsBackgroundColor:u("backgroundColor"),pageHeaderStepsTimerBackgroundColor:u("headerTimerBackgroundColor"),pageHeaderStepsTimerBorderColor:u("headerTimerBorderColor"),pageHeaderStepsTimerBodyColor:u("headerTimerBodyColor"),pageHeaderStepsBodyColor:u("headerBodyColor"),pageHeaderStepsActiveStepBackgroundColor:u("activeStepBackgroundColor"),pageHeaderStepsActiveStepBorderColor:u("activeStepBorderColor"),pageHeaderStepsActiveStepBodyColor:u("headerActiveStepBodyColor"),pageHeaderStepsInactiveStepBackgroundColor:u("inactiveStepBackgroundColor"),pageHeaderStepsInactiveStepBorderColor:u("inactiveStepBorderColor"),pageHeaderStepsInactiveStepBodyColor:u("headerInactiveStepBodyColor"),pageHeaderStepsCloseButtonBackgroundColor:u("headerButtonsBackgroundColor"),pageHeaderStepsCloseButtonBorderColor:u("headerButtonsBodyColor")},pageBodyLeftBlock:{pageBodyLeftBlockBackgroundColor:u("backgroundColor"),pageBodyLeftBlockBackButtonBackgroundColor:u("backButtonBackgroundColor"),pageBodyLeftBlockBackButtonBorderColor:u("backButtonBorderColor"),pageBodyLeftBlockBackButtonBodyColor:u("backButtonColor")},pageBodyRightBlock:{pageBodyRightBlockBackgroundColor:u("backgroundColor")},elements:{elementsBodyColor:u("bodyColor"),elementsInputBorderColor:u("inputBorderColor"),elementsInputBackgroundColor:u("inputBackgroundColor"),elementsInputBodyColor:u("inputBodyColor"),elementsNumberInputBackgroundColor:u("numberInputBackgroundColor"),elementsNumberInputBorderColor:u("numberInputBorderColor"),elementsNumberInputBodyColor:u("numberInputBodyColor"),elementsNumberInputButtonBorderColor:u("numberInputButtonBorderColor"),elementsNumberInputButtonBackgroundColor:u("numberInputButtonBackgroundColor"),elementsButtonColor:u("buttonColor"),elementsButtonBackgroundColor:u("buttonBackgroundColor"),elementsButtonBorderColor:u("buttonBorderColor"),formLinkColor:u("linkColor"),dropdownBackgroundColor:u("dropdownBackgroundColor"),dropdownBorderColor:u("dropdownBorderColor"),dropdownFontColor:u("dropdownFontColor")},calendar:{calendarButtonBorderColor:u("calendarButtonBorderColor"),calendarButtonBackgroundColor:u("calendarButtonBackgroundColor"),calendarButtonFontColor:u("calendarButtonFontColor"),calendarDisabledButtonBorderColor:u("calendarDisabledButtonBorderColor"),calendarDisabledButtonBackgroundColor:u("calendarDisabledButtonBackgroundColor"),calendarDisabledButtonFontColor:u("calendarDisabledButtonFontColor"),calendarActiveButtonBorderColor:u("calendarActiveButtonBorderColor"),calendarActiveButtonBackgroundColor:u("calendarActiveButtonBackgroundColor"),calendarActiveButtonFontColor:u("calendarActiveButtonFontColor")},productSet:{productSetBorderColor:u("productSetBorderColor"),productSetBackgroundColor:u("productSetBackgroundColor"),productSetFontColor:u("productSetFontColor"),activeProductSetBorderColor:u("activeProductSetBorderColor"),activeProductSetBackgroundColor:u("activeProductSetBackgroundColor"),activeProductSetFontColor:u("activeProductSetFontColor")},venueMap:{canvasBackgroundColor:u("canvasBackgroundColor"),canvasBorderColor:u("canvasBorderColor"),pointBorderColor:u("pointBorderColor"),pointBackgroundColor:u("pointBackgroundColor"),pointFontColor:u("pointFontColor"),activePointBorderColor:u("activePointBorderColor"),activePointBackgroundColor:u("activePointBackgroundColor"),activePointFontColor:u("activePointFontColor")}},t.createElement(a.Provider,{value:{view:C,properties:B.current,setView:p}},l)},exports.snippetTemplateViews={pageHeader:{},pageHeaderSteps:{},page:{},pageBodyLeftBlock:{},pageBodyRightBlock:{},elements:{},calendar:{},productSet:{},venueMap:{}};

package/dist/snippet/snippet-template/control/PropertyControl.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
+/// <reference types="react" />
 import { Path } from "react-hook-form";
 export interface PropertyControlProps<T> {
     item: Path<T>;
     label: string;
     isDisabled?: boolean;
 }
-export declare function PropertyControl<T>({ item, label, isDisabled, }: PropertyControlProps<T>): React.JSX.Element;
+export declare function PropertyControl<T>({ item, label, isDisabled, }: PropertyControlProps<T>): JSX.Element;
 //# sourceMappingURL=PropertyControl.d.ts.map

package/dist/snippet/snippet-template/control/PropertyControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyControl.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/control/PropertyControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAkB,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAmBvD,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,EACjC,IAAI,EACJ,KAAK,EACL,UAAkB,GACnB,EAAE,oBAAoB,CAAC,CAAC,CAAC,qBA0EzB"}
+{"version":3,"file":"PropertyControl.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/control/PropertyControl.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAkB,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAmBvD,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,EACjC,IAAI,EACJ,KAAK,EACL,UAAkB,GACnB,EAAE,oBAAoB,CAAC,CAAC,CAAC,eA0EzB"}

package/dist/snippet/snippet-template/control/PropertyControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("react-color"),a=require("react-bootstrap"),o=require("react-hook-form"),l=require("react-i18next"),i=require("@licklist/plugins/dist/services/Form/HookFormService");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(r),s=n(i),u=["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF","#FFFFFF","#000000"];exports.PropertyControl=function(i){var n,d=i.item,m=i.label,f=i.isDisabled,v=void 0!==f&&f,F=l.useTranslation(["Validation"]).t,p=e.__read(r.useState(!1),2),b=p[0],C=p[1],E=o.useFormContext(),k=E.watch,_=E.register,q=E.setValue,g=E.formState,x=E.formState.errors,y=k(d),B=r.useCallback((function(e){return s.default.isFieldValid(g,x,e)}),[g,x]),N=function(){C((function(e){return!e}))};return c.default.createElement(a.Form.Group,{className:"position-relative color-picker"},c.default.createElement(a.Form.Label,{className:"mt-2"},m),c.default.createElement("div",{className:"position-relative"},c.default.createElement(a.Form.Control,e.__assign({},_(d,{required:{value:!0,message:F("Validation:fieldRequired",{attribute:m})}}),{isValid:B(d),isInvalid:s.default.isInvalid(d,x),disabled:v,onFocus:N})),c.default.createElement("div",{className:"color-picker__color",style:{backgroundColor:null!==(n=String(y))&&void 0!==n?n:""}})),b&&c.default.createElement("div",{className:"color-picker__popover"},c.default.createElement("div",{className:"color-picker__cover vh-100 vw-100",onClick:N,onKeyPress:N,role:"button",tabIndex:0}),c.default.createElement(t.TwitterPicker,{color:null!=y?y:"",onChangeComplete:function(e){q(d,e.hex),N()},colors:u})),c.default.createElement(a.Form.Control.Feedback,{type:"invalid"},s.default.getErrors(d,x)))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=require("react"),o=e(t),i=require("react-i18next"),a=require("react-bootstrap"),l=require("react-hook-form"),n=e(require("@licklist/plugins/dist/services/Form/HookFormService")),c=require("react-color"),s=["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF","#FFFFFF","#000000"];exports.PropertyControl=function(e){var u,d=e.item,m=e.label,F=e.isDisabled,v=void 0!==F&&F,p=i.useTranslation(["Validation"]).t,b=r.__read(t.useState(!1),2),f=b[0],C=b[1],E=l.useFormContext(),k=E.watch,_=E.register,q=E.setValue,g=E.formState,x=E.formState.errors,y=k(d),B=t.useCallback((function(e){return n.isFieldValid(g,x,e)}),[g,x]),N=function(){C((function(e){return!e}))};return o.createElement(a.Form.Group,{className:"position-relative color-picker"},o.createElement(a.Form.Label,{className:"mt-2"},m),o.createElement("div",{className:"position-relative"},o.createElement(a.Form.Control,r.__assign({},_(d,{required:{value:!0,message:p("Validation:fieldRequired",{attribute:m})}}),{isValid:B(d),isInvalid:n.isInvalid(d,x),disabled:v,onFocus:N})),o.createElement("div",{className:"color-picker__color",style:{backgroundColor:null!==(u=String(y))&&void 0!==u?u:""}})),f&&o.createElement("div",{className:"color-picker__popover"},o.createElement("div",{className:"color-picker__cover vh-100 vw-100",onClick:N,onKeyPress:N,role:"button",tabIndex:0}),o.createElement(c.TwitterPicker,{color:null!=y?y:"",onChangeComplete:function(e){q(d,e.hex),N()},colors:s})),o.createElement(a.Form.Control.Feedback,{type:"invalid"},n.getErrors(d,x)))};

package/dist/snippet/snippet-template/form/SnippetTemplateForm.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
 import { ServerError } from "@licklist/plugins/dist/hooks/Api/useHttpQuery";
 import { SnippetTemplateValuesWithName } from "../context/snippetTemplate";
@@ -8,5 +8,5 @@ export interface SnippetTemplateFormProps extends HasPermissionProp {
     onSubmit: (values: SnippetTemplateValuesWithName) => void;
     providerHasMap?: boolean | null;
 }
-export declare function SnippetTemplateForm({ isLoading, onSubmit, hasPermission, serverErrors, providerHasMap, }: SnippetTemplateFormProps): React.JSX.Element;
+export declare function SnippetTemplateForm({ isLoading, onSubmit, hasPermission, serverErrors, providerHasMap, }: SnippetTemplateFormProps): JSX.Element;
 //# sourceMappingURL=SnippetTemplateForm.d.ts.map

package/dist/snippet/snippet-template/form/SnippetTemplateForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnippetTemplateForm.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/form/SnippetTemplateForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAWlE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAMvF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,EAEL,6BAA6B,EAC9B,MAAM,4BAA4B,CAAC;AAGpC,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,6BAA6B,KAAK,IAAI,CAAC;IAC1D,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACjC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,QAAQ,EACR,aAAoB,EACpB,YAAY,EACZ,cAAsB,GACvB,EAAE,wBAAwB,qBA6H1B"}
+{"version":3,"file":"SnippetTemplateForm.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/form/SnippetTemplateForm.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAMvF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,EAEL,6BAA6B,EAC9B,MAAM,4BAA4B,CAAC;AAGpC,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,6BAA6B,KAAK,IAAI,CAAC;IAC1D,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACjC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,QAAQ,EACR,aAAoB,EACpB,YAAY,EACZ,cAAsB,GACvB,EAAE,wBAAwB,eA6H1B"}

package/dist/snippet/snippet-template/form/SnippetTemplateForm.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("react-bootstrap"),a=require("react-hook-form"),l=require("react-bootstrap/Button"),i=require("react-i18next"),o=require("lodash"),n=require("@licklist/core/dist/DataMapper/Provider/SnippetTemplateDataMapper"),s=require("react-bootstrap/Row"),u=require("react-bootstrap/Col"),d=require("@licklist/plugins/dist/services/Form/FormErrorService"),m=require("@licklist/plugins/dist/services/Form/HookFormService"),c=require("@react-aria/utils");require("../control/index.js");var p=require("../context/snippetTemplate.js"),f=require("../context/snippetTemplateView.js"),E=require("../control/PropertyControl.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=b(t),T=b(l),q=b(s),g=b(u),S=b(d),F=b(m);exports.SnippetTemplateForm=function(l){var s,u=l.isLoading,d=l.onSubmit,m=l.hasPermission,b=void 0===m||m,_=l.serverErrors,x=l.providerHasMap,y=void 0!==x&&x,P=i.useTranslation("Design").t,h=t.useContext(p.SnippetTemplateContext),C=h.template,k=h.actions,w=t.useContext(f.SnippetTemplateViewContext),V=w.view,L=w.properties,M=a.useForm({mode:"onChange",defaultValues:C}),N=M.register,j=M.setError,I=M.formState.errors,D=M.watch;t.useEffect((function(){S.default.handleServerErrors(_,j)}),[_,j]);var A=c.useId(),R=D();t.useEffect((function(){o.isEqual(R,C)||k.updateTemplate(R)}),[k,R,C]);var B=t.useCallback((function(e){return F.default.isFieldValid(M.formState,M.formState.errors,e)}),[M.formState]);return v.default.createElement(a.FormProvider,e.__assign({},M),v.default.createElement(r.Form,{onSubmit:M.handleSubmit(d)},v.default.createElement("h2",{className:"mb-2 pb-1 border-bottom border-secondary"},P("designSettings")),v.default.createElement(q.default,null,v.default.createElement(r.Form.Group,{className:"mt-5",as:g.default,controlId:A,xs:!0,sm:12,md:8,lg:10,xl:12},v.default.createElement(r.Form.Label,null,P("name")),v.default.createElement(r.Form.Control,e.__assign({},N("name",{maxLength:255,required:P("Validation:fieldRequired",{attribute:P("name")})}),{isValid:B("name"),isInvalid:Boolean(I.name)})),v.default.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(s=I.name)||void 0===s?void 0:s.message))),y&&v.default.createElement(q.default,null,v.default.createElement(r.Form.Group,{as:g.default,xs:!0,sm:12,md:8,lg:10,xl:12},v.default.createElement(r.Form.Label,null,P("widgetType")),v.default.createElement(r.Form.Control,e.__assign({as:"select"},N("type",{required:P("Validation:fieldRequired",{attribute:P("widgetType")})}),{placeholder:P("widgetType")}),v.default.createElement("option",{value:n.SNIPPET_TEMPLATE_TYPE_EVENT_LIST},P("widgetTypeEventList")),v.default.createElement("option",{value:n.SNIPPET_TEMPLATE_TYPE_VENUE_MAP},P("widgetTypeVenueMaps"))))),v.default.createElement("hr",null),v.default.createElement("h5",{className:"mb-1"},P(V)),V&&V in L&&Object.keys(L[V]).map((function(e){return v.default.createElement(E.PropertyControl,{key:e,item:e,label:L[V][e],isDisabled:u})})),b&&v.default.createElement(T.default,{className:"mt-5 d-no dne d-md-block",type:"submit",disabled:u},P("save"))))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),a=e(r),i=require("react-i18next"),o=e(require("react-bootstrap/Button")),n=e(require("react-bootstrap/Row")),l=e(require("react-bootstrap/Col")),s=require("react-bootstrap"),m=require("react-hook-form"),u=e(require("@licklist/plugins/dist/services/Form/HookFormService")),c=e(require("@licklist/plugins/dist/services/Form/FormErrorService")),p=require("@react-aria/utils"),d=require("lodash"),E=require("@licklist/core/dist/DataMapper/Provider/SnippetTemplateDataMapper"),b=require("../context/snippetTemplate.js"),v=require("../context/snippetTemplateView.js"),T=require("../control/PropertyControl.js");exports.SnippetTemplateForm=function(e){var f,q=e.isLoading,g=e.onSubmit,S=e.hasPermission,F=void 0===S||S,_=e.serverErrors,y=e.providerHasMap,P=void 0!==y&&y,x=i.useTranslation("Design").t,h=r.useContext(b.SnippetTemplateContext),C=h.template,k=h.actions,w=r.useContext(v.SnippetTemplateViewContext),V=w.view,L=w.properties,M=m.useForm({mode:"onChange",defaultValues:C}),N=M.register,j=M.setError,I=M.formState.errors,D=M.watch;r.useEffect((function(){c.handleServerErrors(_,j)}),[_,j]);var A=p.useId(),R=D();r.useEffect((function(){d.isEqual(R,C)||k.updateTemplate(R)}),[k,R,C]);var B=r.useCallback((function(e){return u.isFieldValid(M.formState,M.formState.errors,e)}),[M.formState]);return a.createElement(m.FormProvider,t.__assign({},M),a.createElement(s.Form,{onSubmit:M.handleSubmit(g)},a.createElement("h2",{className:"mb-2 pb-1 border-bottom border-secondary"},x("designSettings")),a.createElement(n,null,a.createElement(s.Form.Group,{className:"mt-5",as:l,controlId:A,xs:!0,sm:12,md:8,lg:10,xl:12},a.createElement(s.Form.Label,null,x("name")),a.createElement(s.Form.Control,t.__assign({},N("name",{maxLength:255,required:x("Validation:fieldRequired",{attribute:x("name")})}),{isValid:B("name"),isInvalid:Boolean(I.name)})),a.createElement(s.Form.Control.Feedback,{type:"invalid"},null===(f=I.name)||void 0===f?void 0:f.message))),P&&a.createElement(n,null,a.createElement(s.Form.Group,{as:l,xs:!0,sm:12,md:8,lg:10,xl:12},a.createElement(s.Form.Label,null,x("widgetType")),a.createElement(s.Form.Control,t.__assign({as:"select"},N("type",{required:x("Validation:fieldRequired",{attribute:x("widgetType")})}),{placeholder:x("widgetType")}),a.createElement("option",{value:E.SNIPPET_TEMPLATE_TYPE_EVENT_LIST},x("widgetTypeEventList")),a.createElement("option",{value:E.SNIPPET_TEMPLATE_TYPE_VENUE_MAP},x("widgetTypeVenueMaps"))))),a.createElement("hr",null),a.createElement("h5",{className:"mb-1"},x(V)),V&&V in L&&Object.keys(L[V]).map((function(e){return a.createElement(T.PropertyControl,{key:e,item:e,label:L[V][e],isDisabled:q})})),F&&a.createElement(o,{className:"mt-5 d-no dne d-md-block",type:"submit",disabled:q},x("save"))))};

package/dist/snippet/snippet-template/preview/Preview.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+/// <reference types="react" />
 export interface PreviewProps {
     onSettingClick: () => void;
     providerHasMap: boolean;
 }
-export declare function Preview({ onSettingClick, providerHasMap, }: PreviewProps): React.JSX.Element;
+export declare function Preview({ onSettingClick, providerHasMap, }: PreviewProps): JSX.Element;
 //# sourceMappingURL=Preview.d.ts.map

package/dist/snippet/snippet-template/preview/Preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/preview/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AA+BpD,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,OAAO,CAAC,EACtB,cAAc,EACd,cAAsB,GACvB,EAAE,YAAY,qBAqVd"}
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/preview/Preview.tsx"],"names":[],"mappings":";AAiCA,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,OAAO,CAAC,EACtB,cAAc,EACd,cAAsB,GACvB,EAAE,YAAY,eA+Vd"}

package/dist/snippet/snippet-template/preview/Preview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),a=require("react-i18next"),l=require("react-router-dom"),r=require("react-bootstrap"),n=require("@licklist/core/dist/DataMapper/Provider/SnippetDataMapper");require("../../../iframe/event/event-card/index.js"),require("../settings/index.js");var i=require("../context/snippetTemplateView.js");require("../../../iframe/order-process/components/Timer/index.js"),require("../../../iframe/order-process/components/NavigationSteps/index.js"),require("../../../iframe/page/index.js"),require("../../../iframe/index.js"),require("../../../iframe/order-process/components/CategoryProduct/components/NumberInput/index.js");var o=require("../context/snippetTemplate.js");require("../../../iframe/event/event-calendar/index.js");var m=require("../../../iframe/page/Page.js"),u=require("../settings/SettingButton.js"),s=require("../../../iframe/page/components/PageHeader/PageHeader.js"),d=require("../../../iframe/order-process/components/Timer/Timer.js"),c=require("../../../iframe/order-process/components/NavigationSteps/NavigationSteps.js"),p=require("../../../iframe/page/components/PageBody/PageBody.js"),f=require("../../../iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js"),E=require("../../../iframe/event/event-calendar/EventCalendar.js"),v=require("../../../iframe/event/event-product-sets/EventProductSets.js"),g=require("../../../iframe/event/event-venue-map/IframeEventVenueMap.js"),N=require("../../../iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),b=require("../../../iframe/order-process/components/BookingSummary/BookingSummary.js"),y=require("../../../iframe/event/event-card/IframeEventCard.js");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=S(t);exports.Preview=function(S){var C=S.onSettingClick,B=S.providerHasMap,x=void 0!==B&&B,q=a.useTranslation("Design").t,w=e.__read(t.useState(0),2),P=w[0],k=w[1],j=e.__read(t.useState(0),2),I=j[0],T=j[1],A=t.useContext(i.SnippetTemplateViewContext).setView,M=t.useContext(o.SnippetTemplateContext).template.type,_=void 0===M?n.SNIPPET_TYPE_EVENT_LIST:M,X=function(e){A(e),C()};return h.default.createElement("div",{className:"w-100 h-100 snippet-template-preview"},h.default.createElement(m.Page,{headerBlock:h.default.createElement("div",{className:"d-flex mt-5 pt-5 p-5 iframe-page snippet-template-additional-header"},h.default.createElement(u.SettingButton,{view:"pageHeaderSteps",onClick:X,className:"m-0"},h.default.createElement(u.SettingButton,{view:"pageHeader",onClick:X,className:"m-0 snippet-template-button-left",containerClassName:"mr-5 asd"}),h.default.createElement("div",{className:"header-block mt-5 pt-5"},h.default.createElement("div",{className:"mt-5 pt-5 external-header"},h.default.createElement(s.PageHeader,{showCloseButton:!0,showBackButton:!0},h.default.createElement(d.Timer,{timer:600}),h.default.createElement(l.MemoryRouter,{initialEntries:["/step1","/step2"]},h.default.createElement(c.NavigationSteps,{steps:[{pathname:"/step1",key:"/step1",name:"Burger"},{pathname:"/step2",key:"/step2",name:"Cheese"}]})))))))},h.default.createElement("div",{className:"page-body pb-5 mb-5 pt-3 mt-3"},h.default.createElement(u.SettingButton,{view:"page",onClick:X,className:"snippet-template-body-button"})),h.default.createElement(p.PageBody,{className:"snippet-template",leftBlock:h.default.createElement(u.SettingButton,{view:"pageBodyLeftBlock",onClick:X,className:"mr-4"},h.default.createElement(p.PageBody.LeftBlock,{title:"About this event"},h.default.createElement(u.SettingButton,{view:"elements",onClick:X,className:"mt-5 m-0",containerClassName:"mt-5 pt-5"},h.default.createElement("div",{className:"mt-3"},h.default.createElement("h3",null,q("elements"))),h.default.createElement("div",{className:"mt-5"},h.default.createElement("h4",null,q("Texts")),h.default.createElement("p",null,"XXXX")),h.default.createElement("div",{className:"mt-5"},h.default.createElement("h4",null,q("form")),h.default.createElement("div",{className:"d-flex flex-column w-100"},h.default.createElement("div",{className:"w-100"},h.default.createElement("div",{className:"form-row"},h.default.createElement("div",{className:"form-group col-12"},h.default.createElement("label",{className:"form-label"},q("firstName")),h.default.createElement("input",{type:"text",className:"form-control",placeholder:q("firstName")}))),h.default.createElement("div",{className:"form-row"},h.default.createElement("button",{type:"button",className:"btn btn-link"},q("iHaveAccount")))))),h.default.createElement("div",{className:"mt-5"},h.default.createElement("h4",null,q("Number input")),h.default.createElement("div",{className:"d-flex flex-column w-100"},h.default.createElement(f.NumberInput,{value:P,onChange:function(e){return k(e)},onArrowDown:function(){return k((function(e){return e-1}))},onArrowUp:function(){return k((function(e){return e+1}))}}))),h.default.createElement("div",{className:"mt-5"},h.default.createElement("h4",null,q("Dropdown")),h.default.createElement("div",{className:"d-flex flex-column w-100"},h.default.createElement("div",{className:"w-100"},h.default.createElement("div",{className:"form-row"},h.default.createElement("div",{className:"form-group col-12"},h.default.createElement("label",{className:"form-label"},q("dayOfBirthShort")),h.default.createElement("select",{className:"form-control",placeholder:q("firstName")},h.default.createElement("option",null,"2022"),h.default.createElement("option",null,"2023"))))))),h.default.createElement("div",{className:"mt-5 snippet-template__form"},h.default.createElement("h4",null,q("Button")),h.default.createElement("div",{className:"d-flex flex-column w-100"},h.default.createElement(r.Button,{size:"sm"},"Submit")))),x&&_===n.SNIPPET_TYPE_VENUE_MAP&&h.default.createElement(h.default.Fragment,null,h.default.createElement("div",{className:"pt-4"},h.default.createElement("h4",null,q("Calendar")),h.default.createElement(u.SettingButton,{view:"calendar",onClick:X,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},h.default.createElement(E.EventCalendar,null))),h.default.createElement("div",{className:"pt-4"},h.default.createElement(u.SettingButton,{view:"productSet",onClick:X,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},h.default.createElement("h4",null,q("Product Sets")),h.default.createElement("div",{className:"pt-5 mt-5"},h.default.createElement(v.EventProductSets,{productSets:[{id:1,name:"Test 1"},{id:2,name:"Test 2"},{id:3,name:"Test 3"}],onSelectProductSet:T,selectedProductSetId:I})))),h.default.createElement("div",{className:"pt-4"},h.default.createElement("form",{className:"category-steps-form pt-4 mt-4"},h.default.createElement("h4",null,q("Venue Map")),h.default.createElement("div",{className:"position-relative pt-4 mt-4"},h.default.createElement(u.SettingButton,{view:"venueMap",onClick:X,className:"mt-n6 m-0",containerClassName:"mt-5 pt-5"},h.default.createElement(g.IframeEventVenueMap,{url:"https://fastly.picsum.photos/id/13/2500/1667.jpg?hmac=SoX9UoHhN8HyklRA4A3vcCWJMVtiBXUg0W4ljWTor7s",usedInIframe:!0,pointProducts:[{id:9,menuStepId:75,pointId:21,productUuid:"beb6393c-2fdd-40f7-bb92-8800685b203f"},{id:10,menuStepId:75,pointId:24,productUuid:"beb6393c-2fdd-40f7-bb92-8800685b203a"}],points:[{id:21,venueMapId:7,createdAt:null,updatedAt:null,deletedAt:null,xCoordinate:799.39,yCoordinate:1108.45},{id:24,venueMapId:7,createdAt:null,updatedAt:null,deletedAt:null,xCoordinate:1400.2,yCoordinate:1431.77}],choosedProductUuids:["beb6393c-2fdd-40f7-bb92-8800685b203f"],products:[{id:148,productCategoryId:57,productGroupId:null,availableQuantity:980,zoneId:null,name:"Cofee",description:"",price:15,deposit:0,minQuantity:1,maxQuantity:15,totalQuantity:980,type:"sale",capacity:0,duration:0,weight:0,isAvailable:!0,isSoldOut:!1,isRequired:!1,isUnlimited:!1,quantitySelector:1,hasSpecialNotes:!1,termsAndConditions:null,subProducts:[],images:null,productCategory:null,uuid:"beb6393c-2fdd-40f7-bb92-8800685b203f"},{id:149,productCategoryId:57,productGroupId:null,availableQuantity:980,zoneId:null,name:"Cofee 2",description:"",price:15,deposit:0,minQuantity:1,maxQuantity:15,totalQuantity:980,type:"sale",capacity:0,duration:0,weight:0,isAvailable:!0,isSoldOut:!1,isRequired:!1,isUnlimited:!1,quantitySelector:1,hasSpecialNotes:!1,termsAndConditions:null,subProducts:[],images:null,productCategory:null,uuid:"beb6393c-2fdd-40f7-bb92-8800685b203a"}]})))))))),rightBlock:h.default.createElement(p.PageBody.RightBlock,{bottomBlock:h.default.createElement(N.BookingSummaryFooter,null)},h.default.createElement(u.SettingButton,{view:"pageBodyRightBlock",onClick:X,containerClassName:"snippet-template-button-fixed-height",className:"m-0"}),h.default.createElement(b.BookingSummary.Accordion,{showTitleOnlyOnMobile:!0},h.default.createElement(y.IframeEventCard,{imageSrc:"https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&auto=format&fit=crop&w=687&q=80",title:"XXXX",type:"Party Doors 22:00 - 03:00",cost:6,date:"Sat 2nd May",goToDetails:function(){return null},shortDate:"07/03/2023"})))})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),r=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-router-dom"),i=require("react-i18next"),o=require("react-bootstrap");require("../../../iframe/event/event-booking-form/EventBookingForm.js"),require("../../../iframe/event/event-booking-view/EventBookingView.js");var m=require("../../../iframe/event/event-card/IframeEventCard.js");require("../../../iframe/event/event-card/IframeEventCardSkeleton.js"),require("../../../iframe/event/ticket-description/TicketDescription.js"),require("../../../iframe/event/event-tables/EventTables.js"),require("../../../iframe/event/event-order-summary/EventOrderSummary.js"),require("../../../iframe/event/event-booking-products/EventBookingProducts.js"),require("../../../iframe/event/event-order-short-summary/EventOrderShortSummary.js"),require("../../../iframe/order-process/components/NavigationFooter/NavigationFooter.js"),require("../../../iframe/event/event-description/EventDescription.js");var l=require("../../../iframe/event/event-product-sets/EventProductSets.js");require("../../../iframe/event/event-step-venue-map-zones/EventStepVenueMapZones.js");var s=require("../../../iframe/event/event-venue-map/IframeEventVenueMap.js");require("../../../iframe/payment/payment-form/PaymentForm.js"),require("../../../iframe/payment/order-items-table/OrderItemsTable.js"),require("../../../iframe/back-button/BackButton.js");var c=require("../context/snippetTemplate.js"),u=require("../../../iframe/page/components/PageHeader/PageHeader.js");require("../../../iframe/payment/payment-status-header/PaymentStatusHeader.js");var d=require("../../../iframe/order-process/components/BookingSummary/BookingSummary.js"),p=require("../../../iframe/order-process/components/NavigationSteps/NavigationSteps.js"),v=require("../../../iframe/order-process/components/Timer/Timer.js");require("../../../iframe/order-process/components/PaymentCard/PaymentCard.js");var f=require("../../../iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),E=require("../../../iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js");require("../../../iframe/order-process/components/ErrorModal/ErrorModal.js");var g=require("../../../iframe/page/components/PageBody/PageBody.js");require("../../../calendar/components/CalendarSelect/CalendarSelect.js"),require("../../../iframe/order-process/components/utils/useCategoryVerification.js"),require("../../../iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.js"),require("../../../iframe/powered-by/PoweredBy.js");var y=require("../../../iframe/page/Page.js");require("../../../iframe/payment/payment-page/PaymentPage.js"),require("../../../iframe/payment/payment-status-page/PaymentStatusPage.js"),require("../../../iframe/activity-card/ActivityCard.js"),require("../../../iframe/custom-fields/components/CustomDateField.js");var b=require("../context/snippetTemplateView.js"),N=require("@licklist/core/dist/DataMapper/Provider/SnippetDataMapper"),S=require("../../../calendar/utils/index.js"),C=require("../../../calendar/Calendar.js"),q=require("../settings/SettingButton.js");exports.Preview=function(e){var h=e.onSettingClick,j=e.providerHasMap,B=void 0!==j&&j,k=i.useTranslation("Design").t,P=t.__read(a.useState(0),2),w=P[0],x=P[1],I=t.__read(a.useState(0),2),T=I[0],A=I[1],M=a.useContext(b.SnippetTemplateViewContext).setView,D=a.useContext(c.SnippetTemplateContext).template.type,_=void 0===D?N.SNIPPET_TYPE_EVENT_LIST:D,V=function(e){M(e),h()},F=t.__read(a.useState(C.defaultStartDay),2),H=F[0],X=F[1],O=t.__read(a.useState(null),2),U=O[0],Q=O[1],R=S.getMonthCalendarDates(H);return r.createElement("div",{className:"w-100 h-100 snippet-template-preview"},r.createElement(y.Page,{headerBlock:r.createElement("div",{className:"d-flex mt-5 pt-5 p-5 iframe-page snippet-template-additional-header"},r.createElement(q.SettingButton,{view:"pageHeaderSteps",onClick:V,className:"m-0"},r.createElement(q.SettingButton,{view:"pageHeader",onClick:V,className:"m-0 snippet-template-button-left",containerClassName:"mr-5 asd"}),r.createElement("div",{className:"header-block mt-5 pt-5"},r.createElement("div",{className:"mt-5 pt-5 external-header"},r.createElement(u.PageHeader,{showCloseButton:!0,showBackButton:!0},r.createElement(v.Timer,{timer:600}),r.createElement(n.MemoryRouter,{initialEntries:["/step1","/step2"]},r.createElement(p.NavigationSteps,{steps:[{pathname:"/step1",key:"/step1",name:"Burger"},{pathname:"/step2",key:"/step2",name:"Cheese"}]})))))))},r.createElement("div",{className:"page-body pb-5 mb-5 pt-3 mt-3"},r.createElement(q.SettingButton,{view:"page",onClick:V,className:"snippet-template-body-button"})),r.createElement(g.PageBody,{className:"snippet-template",leftBlock:r.createElement(q.SettingButton,{view:"pageBodyLeftBlock",onClick:V,className:"mr-4"},r.createElement(g.PageBody.LeftBlock,{title:"About this event"},r.createElement(q.SettingButton,{view:"elements",onClick:V,className:"mt-5 m-0",containerClassName:"mt-5 pt-5"},r.createElement("div",{className:"mt-3"},r.createElement("h3",null,k("elements"))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,k("Texts")),r.createElement("p",null,"XXXX")),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,k("form")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement("div",{className:"w-100"},r.createElement("div",{className:"form-row"},r.createElement("div",{className:"form-group col-12"},r.createElement("label",{className:"form-label"},k("firstName")),r.createElement("input",{type:"text",className:"form-control",placeholder:k("firstName")}))),r.createElement("div",{className:"form-row"},r.createElement("button",{type:"button",className:"btn btn-link"},k("iHaveAccount")))))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,k("Number input")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement(E.NumberInput,{value:w,onChange:function(e){return x(e)},onArrowDown:function(){return x((function(e){return e-1}))},onArrowUp:function(){return x((function(e){return e+1}))}}))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,k("Dropdown")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement("div",{className:"w-100"},r.createElement("div",{className:"form-row"},r.createElement("div",{className:"form-group col-12"},r.createElement("label",{className:"form-label"},k("dayOfBirthShort")),r.createElement("select",{className:"form-control",placeholder:k("firstName")},r.createElement("option",null,"2022"),r.createElement("option",null,"2023"))))))),r.createElement("div",{className:"mt-5 snippet-template__form"},r.createElement("h4",null,k("Button")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement(o.Button,{size:"sm"},"Submit")))),B&&_===N.SNIPPET_TYPE_VENUE_MAP&&r.createElement(r.Fragment,null,r.createElement("div",{className:"pt-4"},r.createElement("h4",null,k("Calendar")),r.createElement(q.SettingButton,{view:"calendar",onClick:V,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},r.createElement(C.Calendar,{currentDate:H,setCurrentDate:X,selectedDate:U,setSelectedDate:Q,calendarDates:R}))),r.createElement("div",{className:"pt-4"},r.createElement(q.SettingButton,{view:"productSet",onClick:V,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},r.createElement("h4",null,k("Product Sets")),r.createElement("div",{className:"pt-5 mt-5"},r.createElement(l.EventProductSets,{productSets:[{id:1,name:"Test 1"},{id:2,name:"Test 2"},{id:3,name:"Test 3"}],onSelectProductSet:A,selectedProductSetId:T})))),r.createElement("div",{className:"pt-4"},r.createElement("form",{className:"category-steps-form pt-4 mt-4"},r.createElement("h4",null,k("Venue Map")),r.createElement("div",{className:"position-relative pt-4 mt-4"},r.createElement(q.SettingButton,{view:"venueMap",onClick:V,className:"mt-n6 m-0",containerClassName:"mt-5 pt-5"},r.createElement(s.IframeEventVenueMap,{url:"https://fastly.picsum.photos/id/13/2500/1667.jpg?hmac=SoX9UoHhN8HyklRA4A3vcCWJMVtiBXUg0W4ljWTor7s",usedInIframe:!0,pointProducts:[{id:9,menuStepId:75,pointId:21,productUuid:"beb6393c-2fdd-40f7-bb92-8800685b203f"},{id:10,menuStepId:75,pointId:24,productUuid:"beb6393c-2fdd-40f7-bb92-8800685b203a"}],points:[{id:21,venueMapId:7,createdAt:null,updatedAt:null,deletedAt:null,xCoordinate:799.39,yCoordinate:1108.45},{id:24,venueMapId:7,createdAt:null,updatedAt:null,deletedAt:null,xCoordinate:1400.2,yCoordinate:1431.77}],choosedProductUuids:["beb6393c-2fdd-40f7-bb92-8800685b203f"],products:[{id:148,productCategoryId:57,productGroupId:null,availableQuantity:980,zoneId:null,name:"Cofee",description:"",price:15,deposit:0,minQuantity:1,maxQuantity:15,totalQuantity:980,type:"sale",capacity:0,duration:0,weight:0,isAvailable:!0,isSoldOut:!1,isRequired:!1,isUnlimited:!1,quantitySelector:1,hasSpecialNotes:!1,termsAndConditions:null,subProducts:[],images:null,productCategory:null,uuid:"beb6393c-2fdd-40f7-bb92-8800685b203f"},{id:149,productCategoryId:57,productGroupId:null,availableQuantity:980,zoneId:null,name:"Cofee 2",description:"",price:15,deposit:0,minQuantity:1,maxQuantity:15,totalQuantity:980,type:"sale",capacity:0,duration:0,weight:0,isAvailable:!0,isSoldOut:!1,isRequired:!1,isUnlimited:!1,quantitySelector:1,hasSpecialNotes:!1,termsAndConditions:null,subProducts:[],images:null,productCategory:null,uuid:"beb6393c-2fdd-40f7-bb92-8800685b203a"}]})))))))),rightBlock:r.createElement(g.PageBody.RightBlock,{bottomBlock:r.createElement(f.BookingSummaryFooter,null)},r.createElement(q.SettingButton,{view:"pageBodyRightBlock",onClick:V,containerClassName:"snippet-template-button-fixed-height",className:"m-0"}),r.createElement(d.BookingSummary.Accordion,{showTitleOnlyOnMobile:!0},r.createElement(m.IframeEventCard,{imageSrc:"https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&auto=format&fit=crop&w=687&q=80",title:"XXXX",type:"Party Doors 22:00 - 03:00",cost:6,date:"Sat 2nd May",goToDetails:function(){return null},shortDate:"07/03/2023"})))})))};

package/dist/snippet/snippet-template/preview/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Preview";
+export { Preview } from "./Preview";
 //# sourceMappingURL=index.d.ts.map

package/dist/snippet/snippet-template/preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/preview/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/preview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/snippet/snippet-template/settings/SettingButton.d.ts

@@ -6,5 +6,5 @@ export interface SettingButtonProps extends React.PropsWithChildren<unknown> {
     className?: string;
     containerClassName?: string;
 }
-export declare const SettingButton: ({ view, onClick, children, className, containerClassName, }: SettingButtonProps) => React.JSX.Element;
+export declare const SettingButton: ({ view, onClick, children, className, containerClassName, }: SettingButtonProps) => JSX.Element;
 //# sourceMappingURL=SettingButton.d.ts.map

package/dist/snippet/snippet-template/settings/SettingButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingButton.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/settings/SettingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,OAAO,oBAAoB,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,gEAMvB,kBAAkB,sBAepB,CAAC"}
+{"version":3,"file":"SettingButton.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/settings/SettingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,OAAO,oBAAoB,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,gEAMvB,kBAAkB,gBAepB,CAAC"}

package/dist/snippet/snippet-template/settings/SettingButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-bootstrap/Button"),a=require("clsx"),r=require("../../../static/Icon.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e),l=n(t),u=n(a);exports.SettingButton=function(e){var t=e.view,a=e.onClick,n=e.children,c=e.className,o=e.containerClassName;return i.default.createElement("div",{className:u.default("position-relative w-100 h-100",o)},n,i.default.createElement(l.default,{type:"button",variant:"primary",className:u.default("snippet-template__setting d-inline",c),onClick:function(){return a(t)}},i.default.createElement(r.default,{type:"cog",style:{width:16}})))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),r=e(require("react-bootstrap/Button")),n=require("../../../static/Icon.js"),i=e(require("clsx"));exports.SettingButton=function(e){var a=e.view,c=e.onClick,o=e.children,s=e.className,l=e.containerClassName;return t.createElement("div",{className:i("position-relative w-100 h-100",l)},o,t.createElement(r,{type:"button",variant:"primary",className:i("snippet-template__setting d-inline",s),onClick:function(){return c(a)}},t.createElement(n.default,{type:"cog",style:{width:16}})))};

package/dist/sortable-fields/SortableFieldItem.d.ts

@@ -0,0 +1,9 @@
+import type { PropsWithChildren } from "react";
+import type { UniqueIdentifier } from "@dnd-kit/core";
+interface Props {
+    id: UniqueIdentifier;
+}
+export declare function SortableFieldItem({ children, id }: PropsWithChildren<Props>): JSX.Element;
+export declare function DragHandle(): JSX.Element;
+export {};
+//# sourceMappingURL=SortableFieldItem.d.ts.map

package/dist/sortable-fields/SortableFieldItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableFieldItem.d.ts","sourceRoot":"","sources":["../../src/sortable-fields/SortableFieldItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAEV,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAIvB,UAAU,KAAK;IACb,EAAE,EAAE,gBAAgB,CAAC;CACtB;AAYD,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,eAsB3E;AAED,wBAAgB,UAAU,gBAYzB"}

package/dist/sortable-fields/SortableFieldItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),i=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("@dnd-kit/sortable"),l=require("@dnd-kit/utilities"),a=r.createContext({listeners:void 0,ref:function(){}});exports.DragHandle=function(){var e=r.useContext(a),n=e.listeners,l=e.ref;return i.createElement("div",t.__assign({},n,{ref:l}),i.createElement("div",{className:"icon-container"},i.createElement("div",null),i.createElement("div",null),i.createElement("div",null)))},exports.SortableFieldItem=function(e){var t=e.children,s=e.id,o=n.useSortable({id:s}),d=o.isDragging,u=o.listeners,c=o.setNodeRef,f=o.setDraggableNodeRef,v=o.transform,m=r.useMemo((function(){return{listeners:u,ref:f}}),[u,f]),b={opacity:d?.4:void 0,transform:l.CSS.Translate.toString(v)};return i.createElement(a.Provider,{value:m},i.createElement("div",{ref:c,className:"sortable-field-list",style:b},t))};

package/dist/sortable-fields/SortableFieldList.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+import type { UniqueIdentifier } from "@dnd-kit/core";
+import { SortableFieldItem } from "./SortableFieldItem";
+interface BaseItem {
+    id: UniqueIdentifier;
+}
+export interface SortableFieldListProps<T extends BaseItem> {
+    items: T[];
+    onChange(activeIndex: number, overIndex: number): void;
+    renderItem(item: T, index: number): ReactNode;
+}
+export declare function SortableFieldList<T extends BaseItem>({ items, onChange, renderItem, }: SortableFieldListProps<T>): JSX.Element;
+export declare namespace SortableFieldList {
+    var Item: typeof SortableFieldItem;
+    var DragHandle: typeof import("./SortableFieldItem").DragHandle;
+}
+export {};
+//# sourceMappingURL=SortableFieldList.d.ts.map

package/dist/sortable-fields/SortableFieldList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableFieldList.d.ts","sourceRoot":"","sources":["../../src/sortable-fields/SortableFieldList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAMtD,OAAO,EAAc,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEpE,UAAU,QAAQ;IAChB,EAAE,EAAE,gBAAgB,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,QAAQ;IACxD,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACvD,UAAU,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/C;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,QAAQ,EAAE,EACpD,KAAK,EACL,QAAQ,EACR,UAAU,GACX,EAAE,sBAAsB,CAAC,CAAC,CAAC,eA2B3B;yBA/Be,iBAAiB"}

package/dist/sortable-fields/SortableFieldList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),t=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("@dnd-kit/core"),o=require("@dnd-kit/sortable"),i=require("./SortableFieldItem.js");function d(e){var r=e.items,i=e.onChange,d=e.renderItem,a=n.useSensors(n.useSensor(n.PointerSensor),n.useSensor(n.KeyboardSensor,{coordinateGetter:o.sortableKeyboardCoordinates}));return t.createElement(n.DndContext,{sensors:a,onDragEnd:function(e){var t=e.active,n=e.over;if(n&&t.id!==(null==n?void 0:n.id)){var o=r.findIndex((function(e){return e.id===t.id})),d=r.findIndex((function(e){return e.id===n.id}));i(o,d)}}},t.createElement(o.SortableContext,{items:r},r.map((function(e,r){return t.createElement("div",{key:e.id},d(e,r))}))))}d.Item=i.SortableFieldItem,d.DragHandle=i.DragHandle,exports.SortableFieldList=d;

package/dist/sortable-fields/index.d.ts

@@ -0,0 +1,2 @@
+export { SortableFieldList } from "./SortableFieldList";
+//# sourceMappingURL=index.d.ts.map

package/dist/sortable-fields/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sortable-fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/sortable-list/CreateSortableListItem.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+/// <reference types="react" />
 interface CreateSortableListItemProps {
     onClick: () => void;
     title: string;
 }
-export declare function CreateSortableListItem({ onClick, title, }: CreateSortableListItemProps): React.JSX.Element;
+export declare function CreateSortableListItem({ onClick, title, }: CreateSortableListItemProps): JSX.Element;
 export {};
 //# sourceMappingURL=CreateSortableListItem.d.ts.map

package/dist/sortable-list/CreateSortableListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateSortableListItem.d.ts","sourceRoot":"","sources":["../../src/sortable-list/CreateSortableListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,2BAA2B;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,KAAK,GACN,EAAE,2BAA2B,qBAgB7B"}
+{"version":3,"file":"CreateSortableListItem.d.ts","sourceRoot":"","sources":["../../src/sortable-list/CreateSortableListItem.tsx"],"names":[],"mappings":";AAGA,UAAU,2BAA2B;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,KAAK,GACN,EAAE,2BAA2B,eAgB7B"}

package/dist/sortable-list/CreateSortableListItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../static/index.js");var t=require("../static/Icon.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e);exports.CreateSortableListItem=function(e){var r=e.onClick,l=e.title;return a.default.createElement("button",{className:"rounded sortable-list-item-wrapper mb-5 mt-2",onClick:r,type:"button"},a.default.createElement("span",null,l),a.default.createElement(t.default,{type:"plus",height:"2rem",width:"2rem",className:"rounded sortable-list-item-icon p-2"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("../static/Icon.js");require("../static/index.js"),exports.CreateSortableListItem=function(e){var t=e.onClick,i=e.title;return r.createElement("button",{className:"rounded sortable-list-item-wrapper mb-5 mt-2",onClick:t,type:"button"},r.createElement("span",null,i),r.createElement(a.default,{type:"plus",height:"2rem",width:"2rem",className:"rounded sortable-list-item-icon p-2"}))};

package/dist/sortable-list/SortableList.d.ts

@@ -1,4 +1,4 @@
-import React, { Dispatch, ReactNode, SetStateAction } from "react";
+import { Dispatch, ReactNode, SetStateAction } from "react";
 type RenderItemContentArgs<T> = {
     item: SortableItem<T>;
     sortedItems: SortableItem<T>[];
@@ -18,6 +18,6 @@ type SortableListProps<T> = {
 };
 export declare const SORTABLE_ID_KEY = "_sortableId";
 export type SortableKey = string;
-export declare function SortableList<T>({ items, renderItemContent, setItems, isExpandNewItem, }: SortableListProps<T>): React.JSX.Element;
+export declare function SortableList<T>({ items, renderItemContent, setItems, isExpandNewItem, }: SortableListProps<T>): JSX.Element;
 export {};
 //# sourceMappingURL=SortableList.d.ts.map

package/dist/sortable-list/SortableList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortableList.d.ts","sourceRoot":"","sources":["../../src/sortable-list/SortableList.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EACZ,QAAQ,EACR,SAAS,EACT,cAAc,EAGf,MAAM,OAAO,CAAC;AAGf,KAAK,qBAAqB,CAAC,CAAC,IAAI;IAC9B,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACtB,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,eAAe,CAAC,CAAC,EAAE,WAAW,CAAC;CACjC,GAAG,CAAC,CAAC;AAEN,KAAK,iBAAiB,CAAC,CAAC,IAAI;IAC1B,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,iBAAiB,EAAE,CAAC,IAAI,EAAE,qBAAqB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACjE,QAAQ,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AAEjC,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,iBAAiB,EACjB,QAAQ,EACR,eAAuB,GACxB,EAAE,iBAAiB,CAAC,CAAC,CAAC,qBAuEtB"}
+{"version":3,"file":"SortableList.d.ts","sourceRoot":"","sources":["../../src/sortable-list/SortableList.tsx"],"names":[],"mappings":"AAQA,OAAc,EACZ,QAAQ,EACR,SAAS,EACT,cAAc,EAGf,MAAM,OAAO,CAAC;AAGf,KAAK,qBAAqB,CAAC,CAAC,IAAI;IAC9B,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACtB,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,eAAe,CAAC,CAAC,EAAE,WAAW,CAAC;CACjC,GAAG,CAAC,CAAC;AAEN,KAAK,iBAAiB,CAAC,CAAC,IAAI;IAC1B,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,iBAAiB,EAAE,CAAC,IAAI,EAAE,qBAAqB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACjE,QAAQ,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AAEjC,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,iBAAiB,EACjB,QAAQ,EACR,eAAuB,GACxB,EAAE,iBAAiB,CAAC,CAAC,CAAC,eAuEtB"}