@licklist/design 0.44.486-dev.83 → 0.44.486

package/dist/styles/back-button/BackButton.scss

@@ -1,33 +0,0 @@
-$base-height: 2.5rem;
-
-.button-wrapper {
-    background-color: $snippet-page-header-steps-close-button-background-color;
-    height: $base-height;
-    width: $base-height;
-    border-radius: $base-height;
-    transition: $color-transition;
-
-
-    .back-button {
-      font-size: 2rem;
-      width: $base-height;
-      height: $base-height;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-weight: lighter;
-      color: $snippet-page-header-steps-close-button-border-color;
-      transition: $color-transition;
-
-      &:hover {
-        cursor: pointer;
-      }
-    }
-
-    &.back-button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-right: 1rem;
-    }
-  }

package/dist/styles/back-button/_index.scss

@@ -1 +0,0 @@
-@import "./BackButton.scss";

package/dist/styles/customers/Filter.scss

@@ -1,53 +0,0 @@
-.customers-filter {
-  @include media-breakpoint-down(sm) {
-    label {
-      font-size: 0.8rem;
-    }
-  }
-  
-  @include media-breakpoint-up(md) {
-    label {
-      font-size: 0.9rem;
-    }
-  }
-  
-  @include media-breakpoint-up(lg) {
-    label {
-      font-size: 1rem;
-    }
-  }
-
-  @include media-breakpoint-down(lg) {
-    flex-direction: column;
-  }
-
-  .customers-filter-items {
-    width: 100%;
-
-    .customer-filter {
-      flex: 0 0 33.33%;
-      max-width: 33.33%;
-    }
-  
-    @include media-breakpoint-down(xs) {
-      flex-direction: column;
-
-      .customer-filter {
-        flex: 1;
-        max-width: 100%;
-      }
-    }
-
-    @include media-breakpoint-up(sm) {
-      .customer-filter {
-        &:first-child {
-          padding-left: 0;
-        }
-  
-        &:last-child {
-          padding-right: 0;
-        }
-      }
-    }
-  } 
-}

package/dist/styles/customers/_index.scss

@@ -1 +0,0 @@
-@import "./Filter.scss";

package/dist/styles/date-time-button/DateTimeButton.scss

@@ -1,107 +0,0 @@
-.date-time-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  gap: 0.25rem;
-  font-size: 0.82rem;
-  background-color: $snippet-calendar-button-background-color;
-  border-radius: 0.4rem;
-  text-align: center;
-  border: 2px solid $snippet-calendar-button-border-color;
-  color: $snippet-calendar-button-font-color;
-  transition: $color-transition;
-  min-width: 6rem;
-  min-height: 3rem;
-  max-width: max-content;
-  padding: 0.5rem;
-
-  .weekday-info {
-    div:first-child {
-      text-transform: uppercase;
-      font-weight: 600;
-    }
-
-    div:last-child {
-      color: $snippet-calendar-active-button-background-color;
-    }
-  }
-
-  .descriptions {
-    font-size: 0.7rem;
-  }
-
-  &.today:first-of-type {
-    min-width: 7.5rem;
-  }
-
-  &.disabled {
-    border: 2px solid $snippet-calendar-disabled-button-border-color;
-    background-color: $snippet-calendar-disabled-button-background-color;
-    color: $snippet-calendar-disabled-button-font-color;
-
-    .weekday-info {
-      div:last-child {
-        color: $snippet-calendar-disabled-button-font-color;
-      }
-    }
-
-    .price {
-      color: $snippet-calendar-disabled-button-font-color;
-    }
-  }
-
-  &.selected {
-    border: 2px solid $snippet-calendar-active-button-border-color;
-    background-color: $snippet-calendar-active-button-background-color;
-    color: $snippet-calendar-active-button-font-color;
-    transition: $color-transition;
-
-    .weekday-info {
-      div:last-child {
-        color: $snippet-calendar-active-button-font-color;
-      }
-    }
-
-    .price {
-      color: $snippet-calendar-active-button-font-color;
-      background-color: $snippet-calendar-active-button-background-color;
-      font-weight: 600;
-      transition: $color-transition;
-    }
-
-    .time {
-      font-weight: 600;
-    }
-  }
-
-  &.time-button {
-    min-width: 4.75rem;
-    max-width: 4.75rem;
-    min-height: 2.75rem;
-  }
-
-  &.only-time-container {
-    min-width: 5.3rem;
-    max-width: 5.3rem;
-    min-height: 2.75rem;
-  }
-
-  &.calendar-view {
-    min-width: auto;
-    max-width: none;
-    min-height: auto;
-  }
-}
-
-.time {
-  font-size: 0.875rem;
-  font-weight: 300;
-}
-
-.price {
-  font-size: 0.7rem;
-  line-height: 1.03rem;
-  font-weight: 300;
-  color: $snippet-calendar-button-font-color;
-}

package/dist/styles/date-time-button/_index.scss

@@ -1 +0,0 @@
-@import "./DateTimeButton.scss";

package/dist/styles/sortable-field/SortableField.scss

@@ -1,21 +0,0 @@
-.sortable-field-list {
-    display: flex;
-
-    .icon-container {
-        margin-right: .8rem;
-        margin-left: .2rem;
-        margin-top: 1rem;
-
-        div {
-            width: 0.75rem;
-            height: 2px;
-            margin-bottom: 2px;
-            background-color: #B5CCDE;
-            border-radius: 1px;
-        }
-    }
-
-    .form-group {
-        width: 80%;
-    }
-}

package/dist/styles/sortable-field/_index.scss

@@ -1 +0,0 @@
-@import "./SortableField";

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

@@ -1,33 +0,0 @@
-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/dist/table/ReactTableHelperComponent.d.ts

@@ -1,12 +0,0 @@
-import { Ref, ReactElement } from "react";
-import { TableComponentProps, TableComponentPropsWithOldTableData, TableComponentPropsWithReactTableData, ExtendedTableOptions } from "./types";
-export type { ReactTableHelperRow } from "./types";
-export type ReactTableHelperComponentProps<T extends object> = TableComponentProps<T> & (TableComponentPropsWithOldTableData<T> | TableComponentPropsWithReactTableData<T>);
-export type ReactTableHelperComponentRef = {
-    options: ExtendedTableOptions | null;
-};
-declare const ReactTableHelperComponent: <T extends object>(props: ReactTableHelperComponentProps<T> & {
-    ref?: Ref<ReactTableHelperComponentRef>;
-}) => ReactElement;
-export { ReactTableHelperComponent };
-//# sourceMappingURL=ReactTableHelperComponent.d.ts.map

package/dist/table/ReactTableHelperComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactTableHelperComponent.d.ts","sourceRoot":"","sources":["../../src/table/ReactTableHelperComponent.tsx"],"names":[],"mappings":"AAAA,OAAc,EAKZ,GAAG,EACH,YAAY,EACb,MAAM,OAAO,CAAC;AAiBf,OAAO,EACL,mBAAmB,EACnB,mCAAmC,EACnC,qCAAqC,EAErC,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAGjB,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,MAAM,8BAA8B,CAAC,CAAC,SAAS,MAAM,IACzD,mBAAmB,CAAC,CAAC,CAAC,GACpB,CACI,mCAAmC,CAAC,CAAC,CAAC,GACtC,qCAAqC,CAAC,CAAC,CAAC,CAC3C,CAAC;AAEN,MAAM,MAAM,4BAA4B,GAAG;IACzC,OAAO,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACtC,CAAC;AA4QF,QAAA,MAAM,yBAAyB;UAIrB,IAAI,4BAA4B,CAAC;MAEtC,YAAY,CAAC;AAElB,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/table/ReactTableHelperComponent.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"),r=require("react"),n=e(r),i=require("react-router-dom"),a=e(require("@licklist/plugins/dist/services/Route/RouteService")),o=require("../static/loader/LoaderIndicator.js"),s=require("react-bootstrap"),l=e(require("clsx")),u=require("lodash"),c=require("./FilterHelperComponent.js"),d=require("./PaginationHelperComponent.js"),p=e(require("@licklist/plugins/dist/services/Table/TableService")),m=require("./PerPageHelperComponent.js"),g=require("@tanstack/react-table");require("./utils/index.js");var f=require("./hooks/useTableQueryOptions.js");var _=r.forwardRef((function(e,_){var v,C,y=e.paginator,h=e.headers,E=e.renderItemFn,b=e.isLoading,S=e.striped,q=void 0===S||S,w=e.bordered,R=void 0===w||w,P=e.displaySearchBar,k=void 0===P||P,F=e.displayPerPageSelect,H=void 0===F||F,T=e.displayShowingSection,x=void 0===T||T,L=e.externalFilters,D=void 0===L?{}:L,O=e.initialOptions,j=void 0===O?{}:O,N=e.columns,I=e.sortableColumns,K=void 0===I?[]:I,M=e.renderRow,A=t.__rest(e,["paginator","headers","renderItemFn","isLoading","striped","bordered","displaySearchBar","displayPerPageSelect","displayShowingSection","externalFilters","initialOptions","columns","sortableColumns","renderRow"]),U=i.useLocation().pathname,B=f.useTableQueryOptions({initialOptions:j,externalFilters:D}),G=B.sortKey,Q=B.sortDirection,V=B.options,z=B.setOptions,J=B.optionsCache,W=B.setOptionsCache,X=B.cachedExternalFilters,Y=B.setCachedExternalFilters,Z=r.useMemo((function(){return N||h?N&&!h?N.map((function(e){var r=e.accessorKey,n=K.includes(r);return t.__assign(t.__assign({},e),{meta:{className:p.getHeaderClasses({isSortable:n,key:r,title:r},G,Q),onClick:n?function(){return re(r)}:void 0}})})):h.map((function(e){return"string"==typeof e?{accessorKey:e.toLowerCase(),header:function(){return e},meta:{className:p.getHeaderClasses(e,G,Q)}}:{accessorKey:(null==e?void 0:e.key)||e.title.toLowerCase(),header:function(){return e.title},meta:{onClick:function(){return e.isSortable&&re(e.key)},className:p.getHeaderClasses(e,G,Q),style:{width:(null==e?void 0:e.width)||"auto"}}}})):[]}),[h,N,G,Q,K]),$=g.useReactTable(t.__assign({data:(null==y?void 0:y.data)||[],columns:Z,getCoreRowModel:g.getCoreRowModel()},A)),ee=$.getHeaderGroups,te=$.getRowModel;r.useImperativeHandle(_,(function(){return{options:V}})),r.useEffect((function(){if(!u.isEqual(J,V)||!u.isEqual(X,D)){W(V),Y(D);var e=new URLSearchParams(t.__assign(t.__assign({},V),D));a.redirectTo([U,e.toString()].join("?"))}}),[U,V,D]);var re=function(e){var r=p.DEFAULT_SORT_DIRECTION;z(G===e?function(n){return r=p.getSortDirection(n.sortDirection,r),t.__assign(t.__assign({},n),{sortKey:e,sortDirection:r})}:function(n){return t.__assign(t.__assign({},n),{sortKey:e,sortDirection:r})})};return n.createElement("div",{className:l("table-helper",b?"py-5":"py-1")},n.createElement(o.LoaderIndicator,{isLoaded:!b},n.createElement(s.Row,null,n.createElement(s.Col,null,H&&n.createElement(m.PerPageHelperComponent,{onChangeFn:function(e){z((function(r){return t.__assign(t.__assign({},r),{perPage:e})}))},defaultValue:null!==(v=null==y?void 0:y.per_page)&&void 0!==v?v:p.DEFAULT_PER_PAGE})),n.createElement(s.Col,null,k&&n.createElement(c.FilterHelperComponent,{onClickFn:function(e){z((function(r){var n=r.page,i=t.__rest(r,["page"]),a=n;return(!e&&i.filter||e&&!i.filter)&&(a=1),t.__assign(t.__assign({},i),{page:a,filter:e})}))},defaultValue:null!==(C=V.filter)&&void 0!==C?C:""}))),n.createElement(s.Row,null,n.createElement(s.Col,null,n.createElement("div",{className:"table-responsive"},n.createElement(s.Table,{striped:q,bordered:R,hover:!0},n.createElement("thead",null,ee().map((function(e){return n.createElement("tr",{key:e.id},e.headers.map((function(e){var t=e.column.columnDef.meta;return n.createElement("th",{key:e.id,className:null==t?void 0:t.className,onClick:null==t?void 0:t.onClick,style:null==t?void 0:t.style},g.flexRender(e.column.columnDef.header,e.getContext()))})))}))),n.createElement("tbody",null,te().rows.map((function(e,t){return E?E(e.original,t):M(e)}))))))),n.createElement(d.PaginationHelperComponent,{displayShowingSection:x,paginator:y,onPageChangeFn:function(e){z((function(r){return t.__assign(t.__assign({},r),{page:e})}))}})))}));exports.ReactTableHelperComponent=_;

package/dist/table/hooks/useTableQueryOptions.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { TableComponentProps, ExtendedTableOptions } from "../types";
-export declare const useTableQueryOptions: <T extends object>({ initialOptions, externalFilters, }: Pick<TableComponentProps<T>, "initialOptions" | "externalFilters">) => {
-    page: number;
-    perPage: number;
-    sortKey: string;
-    sortDirection: string;
-    filter: string;
-    optionsCache: ExtendedTableOptions;
-    setOptionsCache: import("react").Dispatch<import("react").SetStateAction<ExtendedTableOptions>>;
-    options: ExtendedTableOptions;
-    setOptions: import("react").Dispatch<import("react").SetStateAction<ExtendedTableOptions>>;
-    cachedExternalFilters: {
-        [key: string]: any;
-    };
-    setCachedExternalFilters: import("react").Dispatch<import("react").SetStateAction<{
-        [key: string]: any;
-    }>>;
-};
-//# sourceMappingURL=useTableQueryOptions.d.ts.map

package/dist/table/hooks/useTableQueryOptions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableQueryOptions.d.ts","sourceRoot":"","sources":["../../../src/table/hooks/useTableQueryOptions.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;CA2ChC,CAAC"}

package/dist/table/hooks/useTableQueryOptions.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"),r=require("react"),i=(e(r),e(require("@licklist/plugins/dist/hooks/Query/useQuery"))),s=require("../utils/index.js");exports.useTableQueryOptions=function(e){var o=e.initialOptions,a=void 0===o?{}:o,n=e.externalFilters,l=void 0===n?{}:n,u=i(),p=Number(s.getFilterOptionsValue(u,a,"page")),c=Number(s.getFilterOptionsValue(u,a,"perPage")),g=String(s.getFilterOptionsValue(u,a,"sortKey")),d=String(s.getFilterOptionsValue(u,a,"sortDirection")),O=String(s.getFilterOptionsValue(u,a,"filter")),f=t.__read(r.useState(),2),y=f[0],F=f[1],_=t.__read(r.useState({page:p,perPage:c,sortKey:g,sortDirection:d,filter:O}),2),b=_[0],x=_[1],S=t.__read(r.useState(l),2);return{page:p,perPage:c,sortKey:g,sortDirection:d,filter:O,optionsCache:y,setOptionsCache:F,options:b,setOptions:x,cachedExternalFilters:S[0],setCachedExternalFilters:S[1]}};

package/dist/table/types.d.ts

@@ -1,41 +0,0 @@
-import { ReactNode, CSSProperties } from "react";
-import { TableOptions, ColumnDef, Row as TableRow } from "@tanstack/react-table";
-import ILengthAwarePaginator from "@licklist/plugins/dist/types/services/Table/ILengthAwarePaginator";
-import ITableHeader from "@licklist/plugins/dist/types/services/Table/ITableHeader";
-import ITableProps from "@licklist/plugins/dist/types/services/Table/ITableProps";
-export type ReactTableHelperRow<T extends object> = TableRow<T>;
-export type ExtendedTableOptions = ITableProps & {
-    [key: string]: any;
-};
-export interface TableComponentProps<T extends object> extends Omit<TableOptions<T>, "columns" | "data" | "getCoreRowModel"> {
-    paginator?: ILengthAwarePaginator<T>;
-    isLoading?: boolean;
-    striped?: boolean;
-    bordered?: boolean;
-    displaySearchBar?: boolean;
-    displayPerPageSelect?: boolean;
-    displayShowingSection?: boolean;
-    externalFilters?: {
-        [key: string]: any;
-    };
-    initialOptions?: Partial<ITableProps>;
-    sortableColumns?: string[];
-}
-export type TableColumnMeta = {
-    onClick?: () => void;
-    className?: string;
-    style?: CSSProperties;
-};
-export type TableComponentPropsWithOldTableData<T extends object> = {
-    headers: ITableHeader[];
-    renderItemFn: (row: T, index: number) => void;
-    columns?: never;
-    renderRow?: never;
-};
-export type TableComponentPropsWithReactTableData<T extends object> = {
-    headers?: never;
-    renderItemFn?: never;
-    columns: ColumnDef<T, any>[];
-    renderRow: (row: ReactTableHelperRow<T>) => ReactNode;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/table/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EACL,YAAY,EACZ,SAAS,EACT,GAAG,IAAI,QAAQ,EAChB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,MAAM,mEAAmE,CAAC;AACtG,OAAO,YAAY,MAAM,0DAA0D,CAAC;AACpF,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAElF,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAC;AAExE,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,MAAM,CACnD,SAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,iBAAiB,CAAC;IACrE,SAAS,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,mCAAmC,CAAC,CAAC,SAAS,MAAM,IAAI;IAClE,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,qCAAqC,CAAC,CAAC,SAAS,MAAM,IAAI;IACpE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IAC7B,SAAS,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;CACvD,CAAC"}

package/dist/zone/form/components/GameDurationControl.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-type GameDurationControlProps = {
-    isLoading: boolean;
-};
-export declare const GameDurationControl: ({ isLoading, }: GameDurationControlProps) => JSX.Element;
-export {};
-//# sourceMappingURL=GameDurationControl.d.ts.map

package/dist/zone/form/components/GameDurationControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GameDurationControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/GameDurationControl.tsx"],"names":[],"mappings":";AAQA,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAE7B,wBAAwB,gBA+B1B,CAAC"}

package/dist/zone/form/components/GameDurationControl.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=e(require("react")),i=require("react-i18next"),a=require("react-bootstrap"),o=require("react-hook-form"),n=e(require("@licklist/plugins/dist/services/Form/HookFormService")),u=require("@react-aria/utils");exports.GameDurationControl=function(e){var l=e.isLoading,s=u.useId(),d=i.useTranslation(["Design","Validation"]).t,m=o.useFormContext(),c=m.register,f=m.formState.errors;return t.createElement(a.Form.Group,{controlId:s},t.createElement(a.Form.Label,null,d("Design:defaultGameDuration")),t.createElement(a.Form.Control,r.__assign({type:"number"},c("defaultDuration",{required:!1,min:1}),{placeholder:d("Design:duration"),isInvalid:Boolean(f.defaultDuration),disabled:l})),t.createElement(a.Form.Control.Feedback,{type:"invalid"},n.hasError(f.defaultDuration,"min")&&d("Validation:fieldMinNumber",{attribute:d("Design:defaultGameDuration").toLowerCase(),min:1})))};

package/src/assets/iframe/available.svg

@@ -1,5 +0,0 @@
-<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.943939" y="1.03658" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
-<rect x="0.943939" y="4.10976" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
-<rect x="0.943939" y="7.18292" width="5.25188" height="3.04878" rx="1.5" fill="#4CF973" stroke="white"/>
-</svg>

package/src/assets/iframe/backButton.svg

@@ -1,4 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="16" cy="16" r="15.5" fill="#F3F3F3" stroke="#F0F0F0"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.293 15.2929C9.90252 15.6834 9.90252 16.3166 10.293 16.7071L16.657 23.0711C17.0475 23.4616 17.6807 23.4616 18.0712 23.0711C18.4617 22.6805 18.4617 22.0474 18.0712 21.6569L12.4144 16L18.0712 10.3431C18.4617 9.95262 18.4617 9.31946 18.0712 8.92893C17.6807 8.53841 17.0475 8.53841 16.657 8.92893L10.293 15.2929Z" fill="#1A182B"/>
-</svg>

package/src/assets/iframe/limited.svg

@@ -1,5 +0,0 @@
-<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1.2406" y="1.03658" width="5.25188" height="3.04878" rx="1.5" fill="#E4E4E4" stroke="white"/>
-<rect x="1.2406" y="4.10976" width="5.25188" height="3.04878" rx="1.5" fill="#FDD054" stroke="white"/>
-<rect x="1.2406" y="7.18292" width="5.25188" height="3.04878" rx="1.5" fill="#FDD054" stroke="white"/>
-</svg>

package/src/assets/iframe/soldOut.svg

@@ -1,6 +0,0 @@
-<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="5.94013" height="10" transform="translate(0.497131)" fill="white"/>
-<rect x="0.591156" y="0.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
-<rect x="0.591156" y="3.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
-<rect x="0.591156" y="6.5" width="5.75211" height="3" rx="1.5" fill="#E4E4E4" stroke="white"/>
-</svg>

package/src/assets/logo/favicon.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0"?>
-<svg width="200" height="201" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" version="1.1">
-    <title>Single Colour - Light Blue Light</title>
-    <g class="layer">
-        <title>Layer 1</title>
-        <g fill="none" fill-rule="evenodd" id="Page-1">
-            <g fill="#0E8CE2" fill-rule="nonzero" id="Logo-Export" transform="translate(0 -1835)">
-                <path d="m52.59,1861.52c16.49,-16.49 24.18,-20.75 33.43,-23.55c9.25,-2.8 18.71,-2.8 27.95,0c9.25,2.8 16.95,7.06 33.43,23.55l26.95,26.94c16.48,16.49 20.74,24.18 23.54,33.43c2.81,9.25 2.81,18.71 0,27.95c-2.8,9.25 -7.06,16.95 -23.54,33.43l-26.95,26.95c-16.48,16.48 -24.18,20.74 -33.43,23.54c-9.24,2.81 -18.7,2.81 -27.95,0c-9.25,-2.8 -16.94,-7.06 -33.43,-23.54l-26.94,-26.95c-16.49,-16.48 -20.75,-24.18 -23.55,-33.43c-2.8,-9.24 -2.8,-18.7 0,-27.95c2.8,-9.25 7.06,-16.94 23.55,-33.43l26.94,-26.94zm14.82,14.04l-27.33,27.33c-12.85,12.85 -16.37,18.05 -18.45,24.92c-1.63,5.39 -1.63,10.73 0,16.11c2.06,6.8 5.53,11.97 18.06,24.54l27.72,27.71c12.57,12.54 17.73,16 24.53,18.06c5.39,1.64 10.73,1.64 16.11,0c6.87,-2.08 12.07,-5.59 24.92,-18.44l26.95,-26.95c12.85,-12.85 16.36,-18.05 18.44,-24.92c1.64,-5.38 1.64,-10.72 0,-16.11c-2.08,-6.87 -5.59,-12.07 -18.44,-24.92l-26.95,-26.94c-12.85,-12.85 -18.05,-16.37 -24.92,-18.45c-5.38,-1.63 -10.72,-1.63 -16.11,0c-6.8,2.06 -11.96,5.53 -24.53,18.06zm67.18,50.6c5.48,-5.47 14.37,-5.47 19.85,0c5.47,5.48 5.47,14.37 0,19.85l-44.2,44.19c-5.48,5.48 -14.36,5.48 -19.84,0l-6.45,-6.45c-1.21,-1.21 -1.52,-1.77 -1.72,-2.45c-0.21,-0.68 -0.21,-1.37 0,-2.05c0.2,-0.67 0.51,-1.24 1.72,-2.44l50.64,-50.65zm-73.77,24.53c1.32,-1.32 3.11,-2.06 4.97,-2.05l25.82,0.06c1.4,0 2.54,1.15 2.54,2.55c0,0.67 -0.26,1.3 -0.72,1.78l-1.36,1.4l-16.1,15.95c-1.49,1.48 -3.91,1.48 -5.4,-0.01l-9.75,-9.76c-2.74,-2.74 -2.74,-7.18 0,-9.92" id="Single-Colour---Light-Blue-Light"/>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/availability-indicator/AvailabilityIndicator.tsx

@@ -1,67 +0,0 @@
-import React, { FunctionComponent, SVGProps } from "react";
-import { useTranslation } from "react-i18next";
-import { ZoneResourcesAvailability } from "@licklist/core/dist/DataMapper/Order/ZoneResourcesAvailabilityDataMapper";
-import { ReactComponent as AvailableIcon } from "../assets/iframe/available.svg";
-import { ReactComponent as LimitedIcon } from "../assets/iframe/limited.svg";
-import { ReactComponent as SoldOutIcon } from "../assets/iframe/soldOut.svg";
-
-const LOTS_OF_SPACE_LIMIT = 0.2;
-const LIMITED_LIMIT = 0.8;
-
-type Config = {
-  label: string;
-  Icon: FunctionComponent<SVGProps<SVGSVGElement>>;
-};
-
-const getIconsAndLabels = ({
-  bookedResources,
-  totalResources,
-}: ZoneResourcesAvailability): Config => {
-  if (bookedResources === totalResources) {
-    return { label: "soldOut", Icon: SoldOutIcon };
-  }
-
-  // lots of space if less than 80% booked
-  if (bookedResources / totalResources <= LOTS_OF_SPACE_LIMIT) {
-    return { label: "lotsOfSpace", Icon: AvailableIcon };
-  }
-
-  if (bookedResources / totalResources >= LIMITED_LIMIT) {
-    return { label: "limited", Icon: LimitedIcon };
-  }
-
-  return { label: "available", Icon: AvailableIcon };
-};
-
-type AvailabilityIndicatorProps = {
-  resources: ZoneResourcesAvailability;
-  isUnavailable?: boolean;
-  isSoldOut?: boolean;
-};
-
-export const AvailabilityIndicator = ({
-  resources,
-  isUnavailable,
-  isSoldOut,
-}: AvailabilityIndicatorProps) => {
-  const { t } = useTranslation("Design");
-
-  if (isUnavailable) {
-    return <Indicator Icon={SoldOutIcon} label={t("notAvailable")} />;
-  }
-
-  if (isSoldOut) {
-    return <Indicator Icon={SoldOutIcon} label={t("soldOut")} />;
-  }
-
-  const { Icon, label } = getIconsAndLabels(resources);
-
-  return <Indicator Icon={Icon} label={t(label)} />;
-};
-
-const Indicator = ({ Icon, label }: Config) => (
-  <div className="availability-indicator">
-    <Icon />
-    <div>{label}</div>
-  </div>
-);

package/src/availability-indicator/index.ts

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

package/src/calendar/Calendar.stories.tsx

@@ -1,33 +0,0 @@
-import React from "react";
-import { DateTime } from "luxon";
-import { Meta, Story } from "@storybook/react";
-import { Calendar, CalendarProps } from "./Calendar";
-
-export default {
-  title: "Iframe/Event/Calendar",
-  component: Calendar,
-} as Meta;
-
-export const Default: Story<CalendarProps> = (args) => {
-  return (
-    <div style={{ backgroundColor: "white" }}>
-      <Calendar {...args} />
-    </div>
-  );
-};
-
-const now = DateTime.now().set({
-  hour: 0,
-  second: 0,
-  millisecond: 0,
-  minute: 0,
-});
-
-Default.args = {
-  disabledDates: [now.minus({ day: 2 }), now, now.plus({ day: 2 })],
-  isLoading: false,
-  fromPrice: "from £10",
-  selectedDate: null,
-  setSelectedDate: () => null,
-  calendarDates: [],
-};

package/src/calendar/Calendar.tsx

@@ -1,45 +0,0 @@
-import React, { Dispatch, ReactElement, SetStateAction } from "react";
-import { DateTime } from "luxon";
-import { ZoneResourcesAvailability } from "@licklist/core/dist/DataMapper/Order/ZoneResourcesAvailabilityDataMapper";
-import { CalendarButtons } from "./components/CalendarButtons";
-import { CalendarDates } from "./components/CalendarDates";
-
-export const defaultStartDay = DateTime.now().set({
-  millisecond: 0,
-  second: 0,
-  hour: 0,
-  minute: 0,
-});
-
-export type CalendarProps = {
-  currentDate: DateTime;
-  setCurrentDate: Dispatch<SetStateAction<DateTime>>;
-  calendarDates: DateTime[];
-  disabledDates?: DateTime[];
-  selectedDate: DateTime | null;
-  setSelectedDate: Dispatch<SetStateAction<DateTime | null>>;
-  fromPrice?: string | ReactElement | null;
-  isLoading?: boolean;
-  initialDate?: DateTime;
-  getAvailability?: (date: DateTime) => ZoneResourcesAvailability | null;
-  includeAvailability?: boolean;
-};
-
-export const Calendar = ({
-  disabledDates = [],
-  initialDate = defaultStartDay,
-  ...props
-}: CalendarProps) => {
-  return (
-    <div className="calendar-wrapper">
-      <div className="calendar">
-        <CalendarButtons
-          disabledDates={disabledDates}
-          initialDate={initialDate}
-          {...props}
-        />
-        <CalendarDates disabledDates={disabledDates} {...props} />
-      </div>
-    </div>
-  );
-};

package/src/calendar/index.ts

@@ -1,3 +0,0 @@
-export * from "./Calendar";
-export * from "./components/CalendarSelect";
-export * from "./utils";

package/src/calendar/utils/index.ts

@@ -1,28 +0,0 @@
-import { DateTime, Interval } from "luxon";
-import isEqual from "lodash/isEqual";
-
-export const isSelectedDateDisabled = (
-  selectedDate: DateTime,
-  disabledDates: DateTime[] = []
-) => {
-  return !!disabledDates.find((disabledDate) =>
-    isEqual(disabledDate.toObject(), selectedDate.toObject())
-  );
-};
-
-export const getMonthCalendarDates = (initialDate: DateTime): DateTime[] => {
-  const startOfMonth = initialDate.startOf("month");
-  const endOfMonth = initialDate.endOf("month");
-
-  return Interval.fromDateTimes(startOfMonth, endOfMonth)
-    .splitBy({ day: 1 })
-    .map((d) => d.start);
-};
-
-export const getWeekCalendarDates = (initialDate: DateTime): DateTime[] => {
-  const lastDay = initialDate.plus({ days: 7 });
-
-  return Interval.fromDateTimes(initialDate, lastDay)
-    .splitBy({ day: 1 })
-    .map((d) => d.start);
-};

package/src/customers/components/filter/CustomerFilter.stories.tsx

@@ -1,18 +0,0 @@
-import React, { useState } from "react";
-import { Meta, Story } from "@storybook/react";
-import { CustomerFilter, CustomerFilterProps } from "./CustomerFilter";
-
-export default {
-  title: "Customers/Filter",
-  component: CustomerFilter,
-} as Meta;
-
-export const Default: Story<CustomerFilterProps> = () => {
-  const [values, setValues] = useState({
-    name: "",
-    email: "",
-    phone: "",
-  });
-
-  return <CustomerFilter values={values} onChange={setValues} />;
-};