@licklist/design 0.44.485-dev.64 → 0.44.485-dev.66

package/src/sorting-select/SortingSelect.tsx

@@ -0,0 +1,79 @@
+import React, { useEffect, useState } from "react";
+import useQuery from "@licklist/plugins/dist/hooks/Query/useQuery";
+import { Form, FormGroupProps } from "react-bootstrap";
+import { useTranslation } from "react-i18next";
+import {
+  SORT_DIRECTION_ASC,
+  SORT_DIRECTION_NEWEST,
+  SORT_DIRECTION_DESC,
+  SORT_KEY_NAME,
+  SORT_KEY_CREATED_AT,
+} from "@licklist/core/dist/Config";
+
+export type SortingSelectProps = {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  formGroupProps?: FormGroupProps & Record<string, any>;
+  defaultSortKey?: string;
+  defaultSortDirection?: string;
+  onSortingChange?: (url: URLSearchParams) => void;
+};
+
+export const SortingSelect = ({
+  formGroupProps,
+  defaultSortKey = SORT_KEY_NAME,
+  defaultSortDirection = SORT_DIRECTION_ASC,
+  onSortingChange,
+}: SortingSelectProps) => {
+  const { t } = useTranslation("Design");
+  const [controlValue, setControlValue] = useState(SORT_DIRECTION_ASC);
+  const searchParams = useQuery();
+
+  const { sortKey = defaultSortKey, sortDirection = defaultSortDirection } =
+    Object.fromEntries(searchParams);
+
+  const onSortingValueChange = ({ target: { value } }) => {
+    setControlValue(value);
+
+    const nextSortDirection =
+      value === SORT_DIRECTION_NEWEST ? SORT_DIRECTION_DESC : value;
+
+    const nextSortKey =
+      value === SORT_DIRECTION_NEWEST ? SORT_KEY_CREATED_AT : sortKey;
+
+    const nextSearchParams = new URLSearchParams(searchParams);
+
+    nextSearchParams.set("sortDirection", nextSortDirection);
+    nextSearchParams.set("sortKey", nextSortKey);
+
+    onSortingChange(nextSearchParams);
+  };
+
+  useEffect(() => {
+    if (sortKey === SORT_KEY_CREATED_AT) {
+      setControlValue(SORT_DIRECTION_NEWEST);
+      return;
+    }
+
+    setControlValue(sortDirection);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [sortKey, sortDirection]);
+
+  return (
+    <Form.Group className="d-flex align-items-center p-0" {...formGroupProps}>
+      <Form.Label className="text-nowrap mr-4 mb-0">
+        {t("App:sortBy")}:
+      </Form.Label>
+      <Form.Control
+        as="select"
+        data-testid="sorting-select"
+        onChange={onSortingValueChange}
+        custom
+        value={controlValue}
+      >
+        <option value={SORT_DIRECTION_ASC}>A-Z</option>
+        <option value={SORT_DIRECTION_DESC}>Z-A</option>
+        <option value={SORT_DIRECTION_NEWEST}>{t("newestOnTop")}</option>
+      </Form.Control>
+    </Form.Group>
+  );
+};

package/src/sorting-select/index.ts

@@ -0,0 +1 @@
+export * from "./SortingSelect";

package/{dist/styles/widgets/ImageRadioInput.scss → src/styles/image-radio-input/_index.scss}

@@ -1,4 +1,5 @@
 .image-radio-input {
+  width: min-content;
   padding: 0;
 
   &-wrapper {
@@ -9,9 +10,16 @@
     cursor: pointer;
   }
 
+  &-image-wrapper {
+    display: flex;
+    max-width: 7.5rem;
+    max-height: 4.25rem;
+  }
+
   &-label {
     display: flex;
     justify-content: center;
+    align-items: center;
     gap: 0.5rem;
 
     input {
@@ -19,4 +27,8 @@
       margin: 0;
     }
   }
+
+  .disabled {
+    opacity: 0.5;
+  }
 }

package/src/styles/packages.scss

@@ -29,7 +29,6 @@
 @import "./iframe-page";
 @import "./affiliate";
 @import "./zones";
-@import "./widgets/";
 @import "./resources-blocking";
 @import "./ryft-payment-form";
 @import "./skeleton";
@@ -37,3 +36,5 @@
 @import "./error";
 @import "./customers/";
 @import "./striped-static-table/";
+@import "./image-radio-input/";
+@import "./radio-card/";

package/{dist/styles/widgets/WidgetTypeRadioButton.scss → src/styles/radio-card/_index.scss}

@@ -1,8 +1,15 @@
-.widget-type-radio {
+.radio-card {
   padding: 0;
 
+  &.invalid {
+    label {
+      border-color: $red;
+    }
+  }
+
   label {
     display: block;
+    align-items: center;
     padding: 0.75rem 1rem;
     border-radius: 0.5rem;
     border: 2px solid #dcdcdc;

package/dist/assets/widgets/circlePlus.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-    <circle cx="10" cy="10" r="10" fill="#0E8CE2"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M11 5H9V9H5V11H9V15H11V11H15V9H11V5Z" fill="white"/>
-</svg>

package/dist/assets/widgets/inPage.svg

@@ -1,10 +0,0 @@
-<svg width="120" height="68" viewBox="0 0 120 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" y="0.5" width="119" height="67" rx="3.5" fill="white" stroke="#DCDCDC"/>
-<rect x="8.5" y="9.25" width="103" height="3" rx="1.5" fill="white" stroke="#FF0099"/>
-<rect x="8.5" y="15.5" width="82" height="45.7283" rx="3.5" fill="#F8F8F8" stroke="#FF0099"/>
-<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H117.5C118.881 0 120 1.11929 120 2.5V6H0V2.5Z" fill="#D8D8D8"/>
-<circle cx="3.5" cy="3" r="1" fill="#FF1111"/>
-<circle cx="6.5" cy="3" r="1" fill="#FFE311"/>
-<circle cx="9.5" cy="3" r="1" fill="#11FF52"/>
-<rect x="93.5" y="15.7715" width="18" height="45.7283" rx="3.5" fill="#D8D8D8" stroke="#FF0099"/>
-</svg>

package/dist/assets/widgets/overlay.svg

@@ -1,9 +0,0 @@
-<svg width="120" height="68" viewBox="0 0 120 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" y="0.5" width="119" height="67" rx="3.5" fill="white" stroke="#DCDCDC"/>
-<rect x="28.5" y="17.5" width="63" height="35" rx="3.5" fill="#F8F8F8" stroke="#FF0099"/>
-<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H117.5C118.881 0 120 1.11929 120 2.5V6H0V2.5Z" fill="#D8D8D8"/>
-<circle cx="3.5" cy="3" r="1" fill="#FF1111"/>
-<circle cx="6.5" cy="3" r="1" fill="#FFE311"/>
-<circle cx="9.5" cy="3" r="1" fill="#11FF52"/>
-<path d="M76 18H88C89.6569 18 91 19.3431 91 21V49C91 50.6569 89.6569 52 88 52H76V18Z" fill="#D8D8D8"/>
-</svg>

package/dist/assets/widgets/sidebar.svg

@@ -1,9 +0,0 @@
-<svg width="120" height="68" viewBox="0 0 120 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" y="0.5" width="119" height="67" rx="3.5" fill="white" stroke="#DCDCDC"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M116 66.5H92.5C90.2909 66.5 88.5 64.7091 88.5 62.5L88.5 10.5C88.5 8.29086 90.2909 6.5 92.5 6.5L119 6.5V63.5C119 63.5 119 64.5 118 65.5C117 66.5 116 66.5 116 66.5Z" fill="#F8F8F8" stroke="#FF0099"/>
-<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H117.5C118.881 0 120 1.11929 120 2.5V6H0V2.5Z" fill="#D8D8D8"/>
-<circle cx="3.5" cy="3" r="1" fill="#FF1111"/>
-<circle cx="6.5" cy="3" r="1" fill="#FFE311"/>
-<circle cx="9.5" cy="3" r="1" fill="#11FF52"/>
-<path d="M118.5 51V63C118.5 64.6569 117.157 66 115.5 66H92C90.3431 66 89 64.6569 89 63V51L118.5 51Z" fill="#D8D8D8"/>
-</svg>

package/dist/setting/dashboard/snippets/control/SnippetControl.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ShortSnippetTemplate } from "../form/SnippetForm";
-export interface SnippetControlProps {
-    isLoading: boolean;
-    templates: Array<ShortSnippetTemplate>;
-    providerHasMap?: boolean | null;
-}
-export declare function SnippetControl({ isLoading, templates, providerHasMap, }: SnippetControlProps): JSX.Element;
-//# sourceMappingURL=SnippetControl.d.ts.map

package/dist/setting/dashboard/snippets/control/SnippetControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnippetControl.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/snippets/control/SnippetControl.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,oBAAoB,EAAqB,MAAM,qBAAqB,CAAC;AAE9E,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,SAAS,EACT,cAAc,GACf,EAAE,mBAAmB,eAsNrB"}

package/dist/setting/dashboard/snippets/control/SnippetControl.js

@@ -1 +0,0 @@
-"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"),n=require("react"),i=e(n),r=require("react-i18next"),a=require("react-bootstrap"),l=require("react-hook-form"),s=e(require("@licklist/plugins/dist/services/Form/HookFormService")),o=require("@react-aria/utils"),d=require("../../../../static/switch/Switch.js");require("../../../../static/index.js");var m=require("@licklist/core/dist/DataMapper/Provider/SnippetDataMapper");exports.SnippetControl=function(e){var c,u=e.isLoading,p=e.templates,g=e.providerHasMap,E=r.useTranslation(["Design","Validation","User"]).t,v=t.__read(n.useState(!0),2),b=v[0],f=v[1],y=o.useId(),C=o.useId(),F=o.useId(),h=o.useId(),S=l.useFormContext(),w=S.register,D=S.watch,q=S.control,_=S.formState.errors,x=S.setValue,I=D("type"),k="event_list"===I,T=D("widgetSetting"),L=T.displayCost,N=T.displayDescription,R=T.displayType,V=D("designId")||"";return n.useEffect((function(){k&&f(N||L||R)}),[k,N,L,R]),n.useEffect((function(){V&&(p.find((function(e){return e.type===I&&String(V)===String(e.id)}))||x("designId",""))}),[V,I,p]),i.createElement(i.Fragment,null,i.createElement(a.Row,null,i.createElement(a.Form.Group,{as:a.Col,controlId:y,xs:!0,sm:12,md:8,lg:10,xl:12},i.createElement(a.Form.Label,null,E("name")),i.createElement(a.Form.Control,t.__assign({},w("name",{maxLength:255,required:E("Validation:fieldRequired",{attribute:E("name")})}),{placeholder:E("Design:widgetName"),isInvalid:Boolean(_.name)})),i.createElement(a.Form.Control.Feedback,{type:"invalid"},null===(c=_.name)||void 0===c?void 0:c.message))),g&&i.createElement(a.Row,null,i.createElement(l.Controller,{control:q,name:"type",render:function(e){var t=e.field,n=t.name,r=t.value,l=t.onChange;return i.createElement(a.Form.Group,{as:a.Col},i.createElement(a.Form.Label,null,E("type")),i.createElement(d.Switch,{name:n,options:m.SNIPPET_TYPES.map((function(e){return{id:e,value:E(e)}})),value:r,onChange:l,disabled:u}))}})),i.createElement(a.Row,null,k&&i.createElement(a.Form.Group,{as:a.Col,className:"mt-4",xs:!0,sm:12,md:8,lg:10,xl:12},i.createElement(a.Form.Label,{className:"mb-3"},E("Options")),i.createElement(a.Form.Check,t.__assign({},w("widgetSetting.displayDescription"),{id:C,isInvalid:!b,name:"snippetSetting.displayDescription",label:E("Design:shouldShowDesc"),custom:!0,className:"mb-3",disabled:u})),i.createElement(a.Form.Check,t.__assign({},w("widgetSetting.displayCost"),{id:F,isInvalid:!b,name:"snippetSetting.displayCost",label:E("Design:shouldShowCost"),custom:!0,className:"mb-3",disabled:u})),i.createElement(a.Form.Check,t.__assign({},w("widgetSetting.displayType"),{id:h,isInvalid:!b,name:"snippetSetting.displayType",label:E("Design:shouldShowType"),custom:!0,disabled:u})),!b&&i.createElement("div",{className:"d-block invalid-feedback"},E("Validation:fieldAtLeastSelected",{number:E("Design:one"),filedType:E("Design:checkbox")})))),k&&i.createElement(a.Row,null,i.createElement(a.Form.Group,{as:a.Col,xs:!0,sm:12,md:8,lg:10,xl:12},i.createElement(a.Form.Label,null,E("eventsView")),i.createElement(a.Form.Control,t.__assign({as:"select"},w("viewType",{required:E("Validation:fieldRequired",{attribute:E("viewType")})}),{placeholder:E("Design:eventsView"),disabled:u}),i.createElement("option",{value:"grid"},E("Design:grid")),i.createElement("option",{value:"list"},E("Design:list"))))),i.createElement(a.Row,null,i.createElement(a.Form.Group,{as:a.Col,xs:!0,sm:12,md:8,lg:10,xl:12},i.createElement(l.Controller,{control:q,name:"designId",rules:{required:!0},render:function(e){var t=e.field,n=t.value,r=t.onChange,l=e.fieldState,o=l.invalid,d=l.error,m=n?String(n):"";return i.createElement(i.Fragment,null,i.createElement(a.Form.Label,{className:"mt-5"},E("widgetDesign")),i.createElement(a.Form.Control,{as:"select",disabled:u,onChange:r,isInvalid:o,value:m},i.createElement("option",{value:""},E("Design:pleaseChooseOne")),null==p?void 0:p.map((function(e){return e.type!==I?null:i.createElement("option",{value:e.id,key:e.id},e.name)}))),i.createElement(a.Form.Control.Feedback,{type:"invalid"},s.hasError(d,"required")&&E("Validation:fieldRequired",{attribute:E("Design:widgetDesign")})))}}))))};

package/dist/setting/dashboard/snippets/control/index.d.ts

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

package/dist/setting/dashboard/snippets/control/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/snippets/control/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/setting/dashboard/snippets/form/SnippetForm.d.ts

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-import { FormValues } from "@licklist/plugins/dist/types/services/Form/hook-form-service";
-import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
-import { ServerError } from "@licklist/plugins/dist/hooks/Api/useHttpQuery";
-import { SnippetViewType, SnippetType } from "@licklist/core/dist/DataMapper/Provider/SnippetDataMapper";
-import { SnippetTemplateType } from "@licklist/core/dist/DataMapper/Provider/SnippetTemplateDataMapper";
-export interface SnippetFormValues extends FormValues {
-    name: string;
-    type: SnippetType;
-    designId: string;
-    widgetSetting?: {
-        displayDescription: boolean;
-        displayCost: boolean;
-        displayType: boolean;
-    };
-    viewType: SnippetViewType;
-}
-export interface ShortSnippetTemplate {
-    id: string;
-    name: string;
-    colors: Array<string>;
-    type: SnippetTemplateType;
-}
-export interface SnippetFormProps extends HasPermissionProp {
-    isLoading: boolean;
-    onSubmit: (values: SnippetFormValues) => void;
-    templates: Array<ShortSnippetTemplate>;
-    defaultValues?: SnippetFormValues;
-    serverErrors?: ServerError;
-    providerHasMap?: boolean | null;
-}
-export declare function SnippetForm({ isLoading, defaultValues, onSubmit, templates, hasPermission, serverErrors, providerHasMap, }: SnippetFormProps): JSX.Element;
-//# sourceMappingURL=SnippetForm.d.ts.map

package/dist/setting/dashboard/snippets/form/SnippetForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnippetForm.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/snippets/form/SnippetForm.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAI1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,EACL,eAAe,EACf,WAAW,EACZ,MAAM,2DAA2D,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mEAAmE,CAAC;AAIxG,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE;QACd,kBAAkB,EAAE,OAAO,CAAC;QAC5B,WAAW,EAAE,OAAO,CAAC;QACrB,WAAW,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,IAAI,EAAE,mBAAmB,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,aAAa,EACb,QAAQ,EACR,SAAS,EACT,aAAoB,EACpB,YAAY,EACZ,cAAsB,GACvB,EAAE,gBAAgB,eAyClB"}

package/dist/setting/dashboard/snippets/form/SnippetForm.js

@@ -1 +0,0 @@
-"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"),n=e(t),o=require("react-i18next"),i=require("react-bootstrap"),a=require("react-hook-form"),s=e(require("@licklist/plugins/dist/services/Form/FormErrorService")),u=require("../control/SnippetControl.js"),l=require("./context.js");exports.SnippetForm=function(e){var c=e.isLoading,m=e.defaultValues,d=e.onSubmit,p=e.templates,v=e.hasPermission,f=void 0===v||v,E=e.serverErrors,b=e.providerHasMap,S=void 0!==b&&b,g=o.useTranslation("Design").t,q=a.useForm({defaultValues:m}),F=q.setError;return t.useEffect((function(){s.handleServerErrors(E,F)}),[E,F]),n.createElement(l.SnippetContextProvider,null,n.createElement(a.FormProvider,r.__assign({},q),n.createElement(i.Form,{onSubmit:q.handleSubmit(d)},n.createElement(l.SnippetLoadingContext.Consumer,null,(function(e){var r=e.isLoading;return n.createElement(n.Fragment,null,n.createElement(u.SnippetControl,{templates:p,isLoading:c,providerHasMap:S}),f&&n.createElement(i.Button,{className:"mt-5 d-no dne d-md-block",type:"submit",disabled:r},g("save")))})))))};

package/dist/setting/dashboard/snippets/form/context.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-interface LoadingContext {
-    isLoading: boolean;
-    setLoading: (loading: boolean) => void;
-}
-export declare const SnippetLoadingContext: React.Context<LoadingContext>;
-export declare function SnippetContextProvider({ children }: {
-    children: any;
-}): JSX.Element;
-export {};
-//# sourceMappingURL=context.d.ts.map

package/dist/setting/dashboard/snippets/form/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/snippets/form/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,UAAU,cAAc;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,qBAAqB,+BAA6C,CAAC;AAEhF,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE;;CAAA,eAQlD"}

package/dist/setting/dashboard/snippets/form/context.js

@@ -1 +0,0 @@
-"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=r.createContext(null);exports.SnippetContextProvider=function(e){var o=e.children,a=t.__read(r.useState(!1),2),u=a[0],d=a[1];return i.createElement(n.Provider,{value:{isLoading:u,setLoading:d}},o)},exports.SnippetLoadingContext=n;

package/dist/setting/dashboard/snippets/form/index.d.ts

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

package/dist/setting/dashboard/snippets/form/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/snippets/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/setting/dashboard/snippets/modal/SnippetViewTypeModal.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { SNIPPET_VIEW_TYPE_GRID, SNIPPET_VIEW_TYPE_LIST, SnippetViewType } from "@licklist/core/dist/DataMapper/Provider/SnippetDataMapper";
-export declare const SNIPPET_VIEW_TYPES: {
-    [SNIPPET_VIEW_TYPE_GRID]: {
-        label: string;
-        icon: string;
-    };
-    [SNIPPET_VIEW_TYPE_LIST]: {
-        label: string;
-        icon: string;
-    };
-};
-export interface SnippetViewTypeModalProps {
-    isVisible: boolean;
-    onHide: () => void;
-    onSubmit: (value: SnippetViewType) => void;
-}
-export declare const SnippetViewTypeModal: ({ isVisible, onHide, onSubmit, }: SnippetViewTypeModalProps) => JSX.Element;
-//# sourceMappingURL=SnippetViewTypeModal.d.ts.map

package/dist/setting/dashboard/snippets/modal/SnippetViewTypeModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnippetViewTypeModal.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/snippets/modal/SnippetViewTypeModal.tsx"],"names":[],"mappings":";AAQA,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,eAAe,EAChB,MAAM,2DAA2D,CAAC;AAGnE,eAAO,MAAM,kBAAkB,EAAE;IAC/B,CAAC,sBAAsB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1D,CAAC,sBAAsB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAU3D,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,oBAAoB,qCAI9B,yBAAyB,gBAgE3B,CAAC"}

package/dist/setting/dashboard/snippets/modal/SnippetViewTypeModal.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=require("tslib"),a=require("react"),n=e(a),i=require("react-i18next"),l=e(require("react-bootstrap/Col")),o=require("react-bootstrap"),c=require("../../../../static/Icon.js"),s=e(require("clsx")),u=e(require("react-bootstrap/ModalHeader")),d=e(require("react-bootstrap/ModalTitle")),m=require("@licklist/core/dist/DataMapper/Provider/SnippetDataMapper"),p=((t={})[m.SNIPPET_VIEW_TYPE_GRID]={label:m.SNIPPET_VIEW_TYPE_GRID,icon:"th"},t[m.SNIPPET_VIEW_TYPE_LIST]={label:m.SNIPPET_VIEW_TYPE_LIST,icon:"bars"},t);exports.SNIPPET_VIEW_TYPES=p,exports.SnippetViewTypeModal=function(e){var t=e.isVisible,m=e.onHide,E=e.onSubmit,b=i.useTranslation(["Design"]).t,f=Object.keys(p),_=r.__read(a.useState("grid"),2),P=_[0],I=_[1];return n.createElement(o.Modal,{size:"lg",centered:!0,show:t,onHide:m,className:"p-3 border-0",animation:!1,contentClassName:"rounded"},n.createElement(u,{className:"align-items-center border-0"},n.createElement(d,{as:"h5"},b("Design:selectWidgetViewType")),n.createElement(o.Button,{variant:"danger",className:"btn-sm rounded",onClick:m},n.createElement(c.default,{type:"times",height:"1.2rem"}))),n.createElement(o.Modal.Body,null,n.createElement("div",{className:"d-flex flex-row flex-wrap p-4 justify-content-between"},f.map((function(e){var t=p[e],r=t.label,a=t.icon;return n.createElement(l,{key:r},n.createElement(o.Button,{variant:"outline-light",className:s("d-flex justify-content-center align-items-center flex-column w-100 py-6 rounded",P===e&&"selected-snippet-type"),role:"button",tabIndex:0,onClick:function(){return I(e)}},n.createElement(c.default,{type:a,color:"#0e8ce2",height:"4rem"}),n.createElement("h6",{className:"text-dark mt-3"},b(r))))})))),n.createElement(o.Modal.Footer,{className:"border-0"},n.createElement(o.Button,{variant:"secondary",onClick:m},b("cancel")),n.createElement(o.Button,{variant:"primary",onClick:function(){E(P),m()}},b("confirm"))))};

package/dist/setting/dashboard/snippets/modal/index.d.ts

@@ -1,3 +0,0 @@
-export { SnippetViewTypeModal } from "./SnippetViewTypeModal";
-export type { SnippetViewTypeModalProps } from "./SnippetViewTypeModal";
-//# sourceMappingURL=index.d.ts.map

package/dist/setting/dashboard/snippets/modal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/snippets/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/styles/widgets/BookingStyleSelector.scss

@@ -1,14 +0,0 @@
-.widget-booking-style-selector {
-  margin-bottom: 2rem;
-
-  h4 {
-    margin-bottom: 1.5rem;
-  }
-
-  .wrapper {
-    display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
-    gap: 1rem;
-  }
-}

package/dist/styles/widgets/CalendarStyleSelector.scss

@@ -1,17 +0,0 @@
-.widget-calendar-style-selector {
-  margin-bottom: 2rem;
-
-  p {
-    font-size: 0.8125rem;
-  }
-
-  .controls {
-    display: flex;
-    gap: 2rem;
-    margin-top: 0.75rem;
-
-    .form-check {
-      padding-left: 0;
-    }
-  }
-}

package/dist/styles/widgets/CheckboxGroup.scss

@@ -1,15 +0,0 @@
-.widgets-checkbox-group {
-  h3 {
-    margin-bottom: 0.75rem;
-  }
-
-  .custom-checkbox {
-    margin-top: 0;
-  }
-
-  .divider {
-    height: 2px;
-    margin-bottom: 1.5rem;
-    background-color: #e7e7e7;
-  }
-}

package/dist/styles/widgets/ProductSetSelector.scss

@@ -1,19 +0,0 @@
-.widget-builder-product-set-selector {
-  button {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    height: 1.5rem;
-    padding: 0;
-    background-color: transparent;
-    border: none;
-    color: #000;
-
-    &:hover,
-    &:focus,
-    &:active {
-      background-color: transparent !important;
-      color: #0e8ce2 !important;
-    }
-  }
-}

package/dist/styles/widgets/SnippetCode.scss

@@ -1,18 +0,0 @@
-.widget-designer-snippet-code {
-  .code-container {
-    padding: 1rem;
-    background: #fff;
-    border: 2px solid #dcdcdc;
-    border-radius: 0.5rem;
-    word-break: break-all;
-  }
-
-  button {
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-    border: 2px solid #0e8ce2;
-    background: #fff;
-    color: #0e8ce2;
-  }
-}

package/dist/styles/widgets/WidgetBuilderForm.scss

@@ -1,51 +0,0 @@
-.widget-builder-form {
-  justify-content: space-between;
-
-  h2 {
-    font-size: 1.5rem;
-  }
-
-  h3 {
-    font-size: 1rem;
-    font-weight: 600;
-  }
-
-  h4 {
-    font-size: 0.875rem;
-    font-weight: 400;
-  }
-
-  p {
-    font-size: 0.8125rem;
-  }
-
-  input[type="text"],
-  select {
-    height: 2.5rem;
-    border-radius: 0.5rem;
-  }
-
-  button {
-    border-radius: 0.75rem;
-  }
-
-  .form-label {
-    font-size: 0.875rem;
-  }
-
-  &-customizations {
-    margin-bottom: 1rem;
-  }
-
-  &-right-column {
-    padding: 0;
-  }
-
-  &-grey {
-    height: fit-content;
-    margin-bottom: 2rem;
-    padding: 1.5rem;
-    background-color: #fafafa;
-    border-radius: 0.75rem;
-  }
-}

package/dist/styles/widgets/WidgetTypeSelector.scss

@@ -1,6 +0,0 @@
-.widget-type-selector {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  margin-bottom: 2rem;
-}

package/dist/styles/widgets/_index.scss

@@ -1,9 +0,0 @@
-@import "./WidgetTypeRadioButton";
-@import "./CalendarStyleSelector";
-@import "./CheckboxGroup";
-@import "./ImageRadioInput";
-@import "./BookingStyleSelector";
-@import "./WidgetTypeSelector";
-@import "./WidgetBuilderForm";
-@import "./SnippetCode";
-@import "./ProductSetSelector";

package/dist/widgets/BookingStyleSelector/BookingStyleSelector.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const BookingStyleSelector: () => JSX.Element;
-//# sourceMappingURL=BookingStyleSelector.d.ts.map

package/dist/widgets/BookingStyleSelector/BookingStyleSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BookingStyleSelector.d.ts","sourceRoot":"","sources":["../../../src/widgets/BookingStyleSelector/BookingStyleSelector.tsx"],"names":[],"mappings":";AAOA,eAAO,MAAM,oBAAoB,mBA0BhC,CAAC"}

package/dist/widgets/BookingStyleSelector/index.d.ts

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

package/dist/widgets/BookingStyleSelector/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/BookingStyleSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/widgets/CalendarStyleSelector/CalendarStyleSelector.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const CalendarStyleSelector: () => JSX.Element;
-//# sourceMappingURL=CalendarStyleSelector.d.ts.map

package/dist/widgets/CalendarStyleSelector/CalendarStyleSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarStyleSelector.d.ts","sourceRoot":"","sources":["../../../src/widgets/CalendarStyleSelector/CalendarStyleSelector.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,qBAAqB,mBAsBjC,CAAC"}

package/dist/widgets/CalendarStyleSelector/index.d.ts

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

package/dist/widgets/CalendarStyleSelector/index.d.ts.map

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

package/dist/widgets/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { WidgetBuilderFormModel } from "../WidgetBuilderForm/WidgetBuilderForm";
-export type CheckboxGroupProps = {
-    heading: string;
-    name: keyof Partial<Pick<WidgetBuilderFormModel, "includeFromPrice" | "includeAvailability">>;
-};
-export declare const CheckboxGroup: ({ heading, name }: CheckboxGroupProps) => JSX.Element;
-//# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/widgets/CheckboxGroup/CheckboxGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/widgets/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAEhF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,OAAO,CACjB,IAAI,CAAC,sBAAsB,EAAE,kBAAkB,GAAG,qBAAqB,CAAC,CACzE,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,aAAa,sBAAuB,kBAAkB,gBAiDlE,CAAC"}

package/dist/widgets/CheckboxGroup/index.d.ts

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

package/dist/widgets/CheckboxGroup/index.d.ts.map

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

package/dist/widgets/ImageRadioInput/ImageRadioInput.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from "react";
-import { WidgetBuilderFormModel } from "../WidgetBuilderForm/WidgetBuilderForm";
-export type ImageRadioInputProps = {
-    img: ReactNode;
-    label: string;
-    name: keyof Partial<Pick<WidgetBuilderFormModel, "calendarStyle" | "bookingWidgetStyle">>;
-};
-export declare const ImageRadioInput: ({ img, label, name }: ImageRadioInputProps) => JSX.Element;
-//# sourceMappingURL=ImageRadioInput.d.ts.map

package/dist/widgets/ImageRadioInput/ImageRadioInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageRadioInput.d.ts","sourceRoot":"","sources":["../../../src/widgets/ImageRadioInput/ImageRadioInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAEhF,MAAM,MAAM,oBAAoB,GAAG;IACjC,GAAG,EAAE,SAAS,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,OAAO,CACjB,IAAI,CAAC,sBAAsB,EAAE,eAAe,GAAG,oBAAoB,CAAC,CACrE,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,eAAe,yBAA0B,oBAAoB,gBAezE,CAAC"}

package/dist/widgets/ImageRadioInput/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/ImageRadioInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/widgets/ProductSetSelector/ProductSetSelector.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const ProductSetSelector: () => JSX.Element;
-//# sourceMappingURL=ProductSetSelector.d.ts.map

package/dist/widgets/ProductSetSelector/ProductSetSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductSetSelector.d.ts","sourceRoot":"","sources":["../../../src/widgets/ProductSetSelector/ProductSetSelector.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,kBAAkB,mBAqB9B,CAAC"}

package/dist/widgets/ProductSetSelector/index.d.ts

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

package/dist/widgets/ProductSetSelector/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/ProductSetSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/widgets/SnippetCode/SnippetCode.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export type SnippetCodeProps = {
-    code: string;
-};
-export declare const SnippetCode: ({ code }: SnippetCodeProps) => JSX.Element;
-//# sourceMappingURL=SnippetCode.d.ts.map

package/dist/widgets/SnippetCode/SnippetCode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnippetCode.d.ts","sourceRoot":"","sources":["../../../src/widgets/SnippetCode/SnippetCode.tsx"],"names":[],"mappings":";AAKA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAIF,eAAO,MAAM,WAAW,aAAc,gBAAgB,gBAerD,CAAC"}

package/dist/widgets/SnippetCode/index.d.ts

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

package/dist/widgets/SnippetCode/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/SnippetCode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/widgets/WidgetBuilderForm/WidgetBuilderForm.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export type WidgetBuilderFormModel = {
-    name: string;
-    widgetType: string;
-    calendarStyle: string;
-    includeFromPrice: string[];
-    includeAvailability: string[];
-    productSets: string[];
-    bookingWidgetStyle: string;
-};
-export declare const WidgetBuilderForm: () => JSX.Element;
-//# sourceMappingURL=WidgetBuilderForm.d.ts.map