@licklist/design 0.44.485-dev.7 → 0.44.485-dev.70

package/src/styles/iframe-order-process/IframeOrderProcess.scss

@@ -193,7 +193,7 @@
 }
 
 .steps-wrapper {
-  margin-left: 1rem;
+  margin: 0 3rem;
   flex: 1;
   display: flex;
   align-items: center;
@@ -202,7 +202,7 @@
 
   .step-numbers {
     font-weight: 500;
-    margin-left: 1rem;
+    margin: 0 1rem;
     color: $snippet-page-header-steps-inactive-step-body-color;
 
     .active-step {
@@ -225,6 +225,7 @@
     height: 2rem;
     transition: $color-transition;
     max-width: calc(100% - 12rem);
+    flex-grow: 1;
 
     .step {
       display: flex;
@@ -233,11 +234,13 @@
       margin: 0 0.5rem;
       z-index: 1;
       scroll-margin: 10rem;
+      flex-grow: 1;
 
       .number {
         text-align: center;
-        width: 3rem;
-        height: 0.25rem;
+        max-width: 17rem;
+        width: 100%;
+        height: 0.35rem;
         line-height: 2.5rem;
         background: $snippet-page-header-steps-inactive-step-background-color;
         display: block;

package/src/styles/iframe-page/PageBody.scss

@@ -60,6 +60,7 @@
 
     .left-block-container {
       height: calc(100svh - 12rem);
+      scrollbar-width: none;
       overflow: scroll;
 
       .iframe-event-card {
@@ -119,6 +120,7 @@
 
         &.show {
           overflow: scroll;
+          scrollbar-width: none;
           overflow-x: hidden;
         }
 

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,10 +29,12 @@
 @import "./iframe-page";
 @import "./affiliate";
 @import "./zones";
-@import "./widgets/";
 @import "./resources-blocking";
 @import "./ryft-payment-form";
 @import "./skeleton";
 @import "./virtualized/";
 @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/src/styles/sales/BookingFilter.scss

@@ -33,7 +33,7 @@
             margin: 0.875rem;
             z-index: 3;
           }
-          
+
           .form-control {
             height: 2.75rem;
             color: $blue;
@@ -57,7 +57,11 @@
         margin-right: 0.5rem;
       }
 
-      .cancel-button, .add-filters-button, .refresh-button, .fullscreen-button, .minimize-button {
+      .cancel-button,
+      .add-filters-button,
+      .refresh-button,
+      .fullscreen-button,
+      .minimize-button {
         display: flex;
         color: $gray-800;
 
@@ -92,11 +96,14 @@
         }
       }
 
-      .fullscreen-button, .minimize-button {
+      .fullscreen-button,
+      .minimize-button {
         min-width: 7.25rem;
       }
 
-      .refresh-button, .fullscreen-button, .minimize-button {
+      .refresh-button,
+      .fullscreen-button,
+      .minimize-button {
         .icon {
           background-color: transparent;
 
@@ -145,13 +152,37 @@
   .additional-filter-section {
     margin-top: 1.25rem;
 
-    @include media-breakpoint-up(md){
+    @include media-breakpoint-up(md) {
       .form-group {
         margin-bottom: 0;
       }
     }
   }
 
+  .additional-filter-container {
+    flex-wrap: nowrap;
+
+    @include media-breakpoint-down(md) {
+      flex-wrap: wrap;
+      .date-container {
+        width: 100%;
+        flex: 1;
+      }
+      .btn-primary {
+        margin-top: 1rem;
+      }
+    }
+
+    @include media-breakpoint-between(md, lg) {
+      flex-wrap: nowrap;
+
+      .date-container {
+        width: auto;
+        flex: 0 0 35%;
+      }
+    }
+  }
+
   .searching-for-section {
     .tags {
       display: flex;
@@ -161,8 +192,9 @@
       p {
         margin: 0;
       }
-      
-      .label, .search-query-param {
+
+      .label,
+      .search-query-param {
         font-size: 1.125rem;
         font-weight: 600;
       }
@@ -175,8 +207,8 @@
       .result-tag {
         display: flex;
         align-items: center;
-        border: 1px solid #DCDCDC;
-        background-color: #F5F5F5;
+        border: 1px solid #dcdcdc;
+        background-color: #f5f5f5;
         padding: 0.5rem 0.75rem;
         font-size: 0.75rem;
         text-transform: capitalize;
@@ -186,7 +218,7 @@
           cursor: pointer;
           width: 1.125rem;
           height: 1.125rem;
-          background-color: #DCDCDC;
+          background-color: #dcdcdc;
           border-radius: 1rem;
           display: flex;
           align-items: center;
@@ -196,4 +228,4 @@
       }
     }
   }
-}
+}

package/src/styles/snippet-templates/SnippetTemplateCard.scss

@@ -45,6 +45,22 @@ $snippet-template-card-button-transition: $product-set-card-transition !default;
     display: flex;
     justify-content: space-between;
     align-items: center;
+
+    a {
+      white-space: nowrap;
+      display: inline-block;
+      text-overflow: ellipsis;
+      width: 85%;
+      overflow: hidden;
+    }
+  }
+
+  .snippet-template-card-subject {
+    white-space: nowrap;
+    display: inline-block;
+    text-overflow: ellipsis;
+    width: 100%;
+    overflow: hidden;
   }
 
   .snippet-template-card-button {

package/src/styles/static/DateRangeInput.scss

@@ -5,6 +5,10 @@
 
   .date-range-input[readonly] {
     background-color: transparent;
+
+    &:disabled {
+      background-color: #ebebeb;
+    }
   }
 
   .date-range-input-icon {
@@ -13,4 +17,4 @@
     bottom: 1rem;
     color: $gray-500;
   }
-}
+}

package/src/styles/striped-static-table/_index.scss

@@ -0,0 +1,33 @@
+table.striped-static-table {
+  tbody {
+    tr {
+      border-bottom: 1px solid $gray-500;
+      td {
+        text-transform: capitalize;
+
+        &:nth-child(2),
+        &:nth-child(3) {
+          text-align: right;
+        }
+        &:nth-child(2) {
+          width: 20%;
+        }
+        &:nth-child(3) {
+          width: 35%;
+        }
+      }
+
+      td:has(div.header-row) {
+        background-color: #d8ecf7;
+      }
+
+      &:first-child {
+        border-top: 1px solid $gray-500;
+      }
+    }
+  }
+
+  .bold {
+    font-weight: 600;
+  }
+}

package/src/table/FilterHelperComponent.tsx

@@ -33,6 +33,7 @@ function FilterHelperComponent({
     if (onClickFn) {
       onClickFn("");
     }
+    setItem("");
   };
 
   const onSearch = () => {

package/src/table/StaticTable.tsx

@@ -11,14 +11,16 @@ export interface StaticTableData {
   [key: string]: ReactNode;
 }
 
-interface StaticTableProps {
+export interface StaticTableProps {
   className?: string;
   columns: StaticTableColumn[];
-  data: StaticTableData[];
+  data: StaticTableData[] | any[];
   striped?: boolean;
   bordered?: boolean;
   hover?: boolean;
   size?: string;
+  displayHeader?: boolean;
+  renderItemFn?: (data?: any) => ReactNode;
 }
 
 export function StaticTable({
@@ -29,6 +31,8 @@ export function StaticTable({
   bordered = false,
   hover = false,
   size,
+  displayHeader = true,
+  renderItemFn,
 }: StaticTableProps) {
   return (
     <Table
@@ -38,16 +42,20 @@ export function StaticTable({
       hover={hover}
       size={size}
     >
-      <TableHead columns={columns} />
+      {displayHeader && <TableHead columns={columns} />}
       <tbody>
         {data.map((row) => (
-          <tr key={row.key}>
-            {columns.map((column) => (
-              <td key={`${column.key}-${row[column.key]}`}>
-                {row[column.key]}
-              </td>
-            ))}
-          </tr>
+          <>
+            {renderItemFn
+              ? renderItemFn(row)
+              : columns.map((column) => (
+                  <tr key={row.key}>
+                    <td key={`${column.key}-${row[column.key]}`}>
+                      {row[column.key]}
+                    </td>
+                  </tr>
+                ))}
+          </>
         ))}
       </tbody>
     </Table>

package/src/typeahead/Typeahead.stories.tsx

@@ -1,20 +1,23 @@
 import React from "react";
 import { storiesOf } from "@storybook/react";
+import { FormProvider, useForm } from "react-hook-form";
 import { Typeahead } from "./Typeahead";
 
-storiesOf("Typeahead", module)
-  .add("Typeahead", () => (
-    <>
+storiesOf("Typeahead", module).add("Typeahead", () => {
+  const form = useForm();
+  return (
+    <FormProvider {...form}>
       <Typeahead
         name="user"
+        isMultipleChoise
         options={[
           { id: 1, value: "user1", label: "User1" },
           { id: 2, value: "user2", label: "User2" },
           { id: 3, value: "user3", label: "User3" },
         ]}
-        setValue={() => {}}
         placeholder="Select"
         noOptionsMessage="No Options Found"
       />
-    </>
-  ));
+    </FormProvider>
+  );
+});

package/src/typeahead/Typeahead.tsx

@@ -1,47 +1,55 @@
 import React from "react";
-import Select from "react-select";
-import { useForm, Controller } from "react-hook-form";
+import Select, { CSSObjectWithLabel } from "react-select";
+import { Controller, useFormContext } from "react-hook-form";
 
 export type TypeaheadOptions = {
-  id: number;
-  value: string;
+  id: number | string;
+  value: any;
   label: string;
 };
 
 export interface TypeaheadProps {
   options: TypeaheadOptions[];
-  setValue: (value: string | any) => void;
   placeholder: string;
   isRequired?: boolean;
   name: string;
+  isMultipleChoise?: boolean;
   noOptionsMessage: string;
+  isInvalid?: boolean;
 }
 
 function Typeahead({
   options,
-  setValue,
   placeholder,
   isRequired = false,
+  isMultipleChoise,
   name = "",
   noOptionsMessage = "",
-}) {
-  const { control } = useForm({
-    mode: "onChange",
-  });
-  const prefix = "id";
+  isInvalid,
+}: TypeaheadProps) {
+  const { control } = useFormContext();
+
+  const getErrorStyle = (): CSSObjectWithLabel =>
+    isInvalid ? { borderColor: "red" } : {};
 
   return (
     <>
       <Controller
-        name={`${name}.${prefix as string}` as const}
+        name={name}
         control={control}
         rules={{ required: isRequired }}
         render={({ field }) => (
           <Select
             placeholder={placeholder}
             value={field.value}
+            isMulti={isMultipleChoise}
+            styles={{
+              control: (base) => ({
+                ...base,
+                ...getErrorStyle(),
+              }),
+            }}
             onChange={(value) => {
-              setValue(`${name}.${prefix}`, value.id);
               field.onChange(value);
             }}
             options={options}

package/src/types/iframe.ts

@@ -6,8 +6,10 @@ export interface Product {
   description: string;
   deposit: number;
   price: number;
+  minSub?: number;
   minAmount?: number;
   maxAmount?: number;
+  minSpend?: number | null;
   isSoldOut?: boolean;
   isRequired?: boolean;
   isUnlimited?: boolean;

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,eAwNrB"}

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

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;
-    templateId: string;
-    snippetSetting?: {
-        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,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE;QACf,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