@licklist/design 0.66.11 → 0.66.12-dev.1

package/dist/product-set/control/ProductSetRecurrenceOverridesControl.js

@@ -1 +1,68 @@
-"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,a=require("../../static/Icon.js");require("../../static/index.js");var c=require("react-intl");exports.ProductSetRecurrenceOverridesControl=function(e){var r=e.menuRecurrence,n=e.onEdit,l=e.errorMessage,s=c.useIntl().formatDate;return t.createElement("div",{className:"sortable-tree-root flex-column",role:"button",tabIndex:0},t.createElement("div",{key:r.rrule,className:"product-set-recurrence d-flex flex-column mr-0 mb-3 p-3 px-4 flex-grow-1"},t.createElement("span",{className:"d-flex flex-row align-items-center"},t.createElement(a.default,{type:"calendar",height:"1rem",className:"product-set-recurrence-icon-calendar"}),t.createElement("span",{className:"product-set-recurrence-title d-flex flex-grow-1"},s(r.startDate,{dateStyle:"medium"})," "),t.createElement("div",{className:"d-inline-flex",role:"button",tabIndex:0,onClick:function(){return n(r)},onKeyDown:function(){return n(r)}},t.createElement(a.default,{type:"ellipsis-h",height:"1rem",className:"product-set-recurrence-icon-more"}))),t.createElement("span",{className:"product-set-recurrence-description"},s(r.startDate,{dateStyle:"medium"})," ")),t.createElement("div",{className:"manual-form-error ".concat(!l&&"d-none")},l))};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useIntl } from 'react-intl';
+import { FaCalendar, FaEllipsisH } from 'react-icons/fa';
+
+var ProductSetRecurrenceOverridesControl = function(param) {
+    var menuRecurrence = param.menuRecurrence, onEdit = param.onEdit, errorMessage = param.errorMessage;
+    var formatDate = useIntl().formatDate;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "sortable-tree-root flex-column",
+        role: "button",
+        tabIndex: 0,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "product-set-recurrence d-flex flex-column mr-0 mb-3 p-3 px-4 flex-grow-1",
+                children: [
+                    /*#__PURE__*/ jsxs("span", {
+                        className: "d-flex flex-row align-items-center",
+                        children: [
+                            /*#__PURE__*/ jsx(FaCalendar, {
+                                size: 16,
+                                className: "product-set-recurrence-icon-calendar"
+                            }),
+                            /*#__PURE__*/ jsxs("span", {
+                                className: "product-set-recurrence-title d-flex flex-grow-1",
+                                children: [
+                                    formatDate(menuRecurrence.startDate, {
+                                        dateStyle: "medium"
+                                    }),
+                                    " "
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: "d-inline-flex",
+                                role: "button",
+                                tabIndex: 0,
+                                onClick: function() {
+                                    return onEdit(menuRecurrence);
+                                },
+                                onKeyDown: function() {
+                                    return onEdit(menuRecurrence);
+                                },
+                                children: /*#__PURE__*/ jsx(FaEllipsisH, {
+                                    size: 16,
+                                    className: "product-set-recurrence-icon-more"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("span", {
+                        className: "product-set-recurrence-description",
+                        children: [
+                            formatDate(menuRecurrence.startDate, {
+                                dateStyle: "medium"
+                            }),
+                            " "
+                        ]
+                    })
+                ]
+            }, menuRecurrence.rrule),
+            /*#__PURE__*/ jsx("div", {
+                className: "manual-form-error ".concat(!errorMessage && "d-none"),
+                children: errorMessage
+            })
+        ]
+    });
+};
+
+export { ProductSetRecurrenceOverridesControl };

package/dist/product-set/control/TutorialGifCard.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-export interface TutorialGifCardProps {
-    tutorialAsset?: string;
-    isOverrides?: boolean;
-}
-declare const TutorialGifCard: ({ tutorialAsset, isOverrides, }: TutorialGifCardProps) => JSX.Element;
-export default TutorialGifCard;
+export interface TutorialGifCardProps {
+    tutorialAsset?: string;
+    isOverrides?: boolean;
+}
+declare const TutorialGifCard: ({ tutorialAsset, isOverrides, }: TutorialGifCardProps) => import("react/jsx-runtime").JSX.Element;
+export default TutorialGifCard;
 //# sourceMappingURL=TutorialGifCard.d.ts.map

package/dist/product-set/control/TutorialGifCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TutorialGifCard.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/TutorialGifCard.tsx"],"names":[],"mappings":";AASA,MAAM,WAAW,oBAAoB;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAGD,QAAA,MAAM,eAAe,oCAGlB,oBAAoB,gBAqDtB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"TutorialGifCard.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/TutorialGifCard.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,oBAAoB;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAGD,QAAA,MAAM,eAAe,oCAGlB,oBAAoB,4CA8CtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/product-set/control/TutorialGifCard.js

@@ -1 +1,137 @@
-"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),l=require("react-router-dom"),n=require("react-i18next"),c=require("../../static/Image.js"),u=require("react-bootstrap"),i=require("../../static/Icon.js"),o=e(require("react-bootstrap/Card"));require("../../static/index.js");exports.default=function(e){var s=e.tutorialAsset,d=e.isOverrides,m=l.useLocation().pathname,p=t.__read(r.useState(null==m?void 0:m.includes("/create")),2),b=p[0],E=p[1],f=n.useTranslation(["Design"]).t;return a.createElement(a.Fragment,null,a.createElement(o,{className:"tutorial-card ".concat(!b&&"hidden")},a.createElement(o.Header,{className:"tutorial-card-header"},a.createElement("div",null,a.createElement(i.default,{type:"check",color:"white",height:"0.9rem",width:"0.9rem",className:"rounded product-set-item-icon"}),a.createElement("span",null,f("bookedTopTip"))),a.createElement("button",{className:"border-0",onClick:function(){return E(!1)},type:"button"},a.createElement("span",null,f("gotIt")),a.createElement(i.default,{type:"times",height:"1.125rem",width:"1.125rem",className:"rounded tutorial-close-icon p-1"}))),a.createElement(o.Body,{className:"tutorial-card-body"},a.createElement("p",null,f(d?"buildOverrideProductSet":"buildProductSet")),a.createElement("span",null,f(d?"buildOverrideRules":"buildProductSetDesc")),s&&a.createElement(c.default,{src:s,alt:"Tutorial Gif"}))),a.createElement(u.Button,{type:"button",onClick:function(){return E(!0)},className:"mb-4",style:{display:b?"none":"block"}},a.createElement("span",null,f("hint"))))};
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import Card from 'react-bootstrap/Card';
+import { useLocation } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+import { Button } from 'react-bootstrap';
+import { FaCheck, FaTimes } from 'react-icons/fa';
+import '../../static/index.js';
+import Image from '../../static/Image.js';
+
+/* eslint-disable @typescript-eslint/no-var-requires */ function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+// @TODO: Tutorial GIF asset should be passed as context, which is better
+var TutorialGifCard = function(param) {
+    var tutorialAsset = param.tutorialAsset, isOverrides = param.isOverrides;
+    var pathname = useLocation().pathname;
+    var _useState = _sliced_to_array(useState(pathname === null || pathname === void 0 ? void 0 : pathname.includes("/create")), 2), isVisible = _useState[0], setIsVisible = _useState[1];
+    var t = useTranslation([
+        "Design"
+    ]).t;
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(Card, {
+                className: "tutorial-card ".concat(!isVisible && "hidden"),
+                children: [
+                    /*#__PURE__*/ jsxs(Card.Header, {
+                        className: "tutorial-card-header",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                children: [
+                                    /*#__PURE__*/ jsx(FaCheck, {
+                                        color: "white",
+                                        className: "rounded product-set-item-icon",
+                                        size: 14
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        children: t("bookedTopTip")
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("button", {
+                                className: "border-0",
+                                onClick: function() {
+                                    return setIsVisible(false);
+                                },
+                                type: "button",
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        children: t("gotIt")
+                                    }),
+                                    /*#__PURE__*/ jsx(FaTimes, {
+                                        size: 18,
+                                        className: "rounded tutorial-close-icon p-1"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(Card.Body, {
+                        className: "tutorial-card-body",
+                        children: [
+                            /*#__PURE__*/ jsx("p", {
+                                children: t(isOverrides ? "buildOverrideProductSet" : "buildProductSet")
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                children: t(isOverrides ? "buildOverrideRules" : "buildProductSetDesc")
+                            }),
+                            tutorialAsset && /*#__PURE__*/ jsx(Image, {
+                                src: tutorialAsset,
+                                alt: "Tutorial Gif"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Button, {
+                type: "button",
+                onClick: function() {
+                    return setIsVisible(true);
+                },
+                className: "mb-4",
+                style: {
+                    display: !isVisible ? "block" : "none"
+                },
+                children: /*#__PURE__*/ jsx("span", {
+                    children: t("hint")
+                })
+            })
+        ]
+    });
+};
+
+export { TutorialGifCard as default };

package/dist/product-set/control/index.d.ts

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

package/dist/product-set/deposit-paid/ProductSetDepositPaidControl.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
-declare const depositPaidAmountTypes: readonly ["%", "£"];
-declare const depositPaidPeriodTypes: readonly ["mins", "hours", "days"];
-type DepositPaidAmountType = typeof depositPaidAmountTypes[number];
-type DepositPaidPeriodType = typeof depositPaidPeriodTypes[number];
-export type ProductSetDepositPaidControlValues = {
-    depositPaidAmount: number;
-    depositPaidPeriod: number;
-    depositPaidAmountType: DepositPaidAmountType;
-    depositPaidPeriodType: DepositPaidPeriodType;
-};
-export interface ProductSetDepositPaidControlProps {
-    isLoading: boolean;
-}
-export declare function ProductSetDepositPaidControl(props: ProductSetDepositPaidControlProps): JSX.Element;
-export {};
+declare const depositPaidAmountTypes: readonly ["%", "£"];
+declare const depositPaidPeriodTypes: readonly ["mins", "hours", "days"];
+type DepositPaidAmountType = (typeof depositPaidAmountTypes)[number];
+type DepositPaidPeriodType = (typeof depositPaidPeriodTypes)[number];
+export type ProductSetDepositPaidControlValues = {
+    depositPaidAmount: number;
+    depositPaidPeriod: number;
+    depositPaidAmountType: DepositPaidAmountType;
+    depositPaidPeriodType: DepositPaidPeriodType;
+};
+export interface ProductSetDepositPaidControlProps {
+    isLoading: boolean;
+}
+export declare function ProductSetDepositPaidControl(props: ProductSetDepositPaidControlProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=ProductSetDepositPaidControl.d.ts.map

package/dist/product-set/deposit-paid/ProductSetDepositPaidControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSetDepositPaidControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/deposit-paid/ProductSetDepositPaidControl.tsx"],"names":[],"mappings":";AASA,QAAA,MAAM,sBAAsB,qBAAsB,CAAC;AACnD,QAAA,MAAM,sBAAsB,oCAAqC,CAAC;AAElE,KAAK,qBAAqB,GAAG,OAAO,sBAAsB,CAAC,MAAM,CAAC,CAAC;AACnE,KAAK,qBAAqB,GAAG,OAAO,sBAAsB,CAAC,MAAM,CAAC,CAAC;AAEnE,MAAM,MAAM,kCAAkC,GAAG;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,qBAAqB,EAAE,qBAAqB,CAAC;CAC9C,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,iCAAiC,eAmKzC"}
+{"version":3,"file":"ProductSetDepositPaidControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/deposit-paid/ProductSetDepositPaidControl.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,sBAAsB,qBAAsB,CAAC;AACnD,QAAA,MAAM,sBAAsB,oCAAqC,CAAC;AAElE,KAAK,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AACrE,KAAK,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAErE,MAAM,MAAM,kCAAkC,GAAG;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,qBAAqB,EAAE,qBAAqB,CAAC;CAC9C,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,iCAAiC,2CAmKzC"}

package/dist/product-set/deposit-paid/ProductSetDepositPaidControl.js

@@ -1 +1,187 @@
-"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=require("react-i18next"),a=e(require("react-bootstrap/Row")),i=e(require("react-bootstrap/Col")),o=require("react-bootstrap"),n=require("react-hook-form"),l=require("@react-aria/utils"),d=e(require("react-bootstrap/InputGroup")),u=["%","£"],s=["mins","hours","days"];exports.ProductSetDepositPaidControl=function(e){var m,c,p=e.isLoading,v=void 0!==p&&p,P=n.useFormContext(),f=P.control,b=P.formState.errors,E=r.useTranslation("Design").t,C=l.useId();return t.createElement(a,null,t.createElement(i,{xs:12},t.createElement("div",{className:"form-inline"},t.createElement(o.Form.Group,{controlId:C},t.createElement(o.Form.Label,null,E("depositPaid")),t.createElement("div",{className:"form-inline-group"},t.createElement(d,{hasValidation:!0},t.createElement(d.Prepend,null,t.createElement(d.Text,null,E("pay"))),t.createElement(n.Controller,{render:function(e){var r=e.field,a=r.value,i=r.onChange;return t.createElement(o.Form.Control,{value:a,onChange:i,isInvalid:Boolean(b.depositPaidAmount),disabled:v})},control:f,name:"depositPaidAmount",rules:{required:E("Validation:fieldRequired",{attribute:E("depositPaidAmount")}),min:{value:0,message:E("Validation:fieldMinNumber",{attribute:E("depositPaidAmount"),min:0})},max:{value:999999.99,message:E("Validation:fieldMaxNumber",{attribute:E("depositPaidAmount"),max:999999.99})}}}),t.createElement(n.Controller,{render:function(e){var r=e.field,a=r.value,i=r.onChange;return t.createElement(o.Form.Control,{as:"select",onChange:i,isInvalid:Boolean(b.depositPaidAmountType),disabled:v},u.map((function(e){return t.createElement("option",{value:e,key:e,selected:a===e},e)})))},control:f,name:"depositPaidAmountType",rules:{required:E("Validation:fieldRequired",{attribute:E("depositPaidAmountType")})}}),t.createElement(d.Append,null,t.createElement(d.Text,null,E("ofTheRemainder"))),t.createElement(n.Controller,{render:function(e){var r=e.field,a=r.value,i=r.onChange;return t.createElement(o.Form.Control,{value:a,onChange:i,isInvalid:Boolean(b.depositPaidPeriod),disabled:v})},control:f,name:"depositPaidPeriod",rules:{required:E("Validation:fieldRequired",{attribute:E("depositPaidPeriod")}),min:{value:0,message:E("Validation:fieldMinNumber",{attribute:E("depositPaidPeriod"),min:0})},max:{value:999999.99,message:E("Validation:fieldMaxNumber",{attribute:E("depositPaidPeriod"),max:999999.99})}}}),t.createElement(n.Controller,{render:function(e){var r=e.field,a=r.value,i=r.onChange;return t.createElement(o.Form.Control,{as:"select",onChange:i,isInvalid:Boolean(b.depositPaidPeriodType),disabled:v},s.map((function(e){return t.createElement("option",{value:e,key:e,selected:a===e},e)})))},control:f,name:"depositPaidPeriodType",rules:{required:E("Validation:fieldRequired",{attribute:E("depositPaidPeriodType")})}}),t.createElement(d.Append,null,t.createElement(d.Text,null,E("beforeEvent"))),t.createElement(o.Form.Control.Feedback,{type:"invalid"},null===(m=b.depositPaidAmount)||void 0===m?void 0:m.message,null===(c=b.depositPaidPeriod)||void 0===c?void 0:c.message)))))))};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useId } from '@react-aria/utils';
+import { Form } from 'react-bootstrap';
+import Col from 'react-bootstrap/Col';
+import InputGroup from 'react-bootstrap/InputGroup';
+import Row from 'react-bootstrap/Row';
+import { useFormContext, Controller } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+var depositPaidAmountTypes = [
+    "%",
+    "£"
+];
+var depositPaidPeriodTypes = [
+    "mins",
+    "hours",
+    "days"
+];
+function ProductSetDepositPaidControl(props) {
+    var _errors_depositPaidAmount, _errors_depositPaidPeriod;
+    var _props_isLoading = props.isLoading, isLoading = _props_isLoading === void 0 ? false : _props_isLoading;
+    var _useFormContext = useFormContext(), control = _useFormContext.control, errors = _useFormContext.formState.errors;
+    var t = useTranslation("Design").t;
+    var depositPaidId = useId();
+    return /*#__PURE__*/ jsx(Row, {
+        children: /*#__PURE__*/ jsx(Col, {
+            xs: 12,
+            children: /*#__PURE__*/ jsx("div", {
+                className: "form-inline",
+                children: /*#__PURE__*/ jsxs(Form.Group, {
+                    controlId: depositPaidId,
+                    children: [
+                        /*#__PURE__*/ jsx(Form.Label, {
+                            children: t("depositPaid")
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            className: "form-inline-group",
+                            children: /*#__PURE__*/ jsxs(InputGroup, {
+                                hasValidation: true,
+                                children: [
+                                    /*#__PURE__*/ jsx(InputGroup.Prepend, {
+                                        children: /*#__PURE__*/ jsx(InputGroup.Text, {
+                                            children: t("pay")
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(Controller, {
+                                        render: function(param) {
+                                            var _param_field = param.field, value = _param_field.value, onChange = _param_field.onChange;
+                                            return /*#__PURE__*/ jsx(Form.Control, {
+                                                value: value,
+                                                onChange: onChange,
+                                                isInvalid: Boolean(errors.depositPaidAmount),
+                                                disabled: isLoading
+                                            });
+                                        },
+                                        control: control,
+                                        name: "depositPaidAmount",
+                                        rules: {
+                                            required: t("Validation:fieldRequired", {
+                                                attribute: t("depositPaidAmount")
+                                            }),
+                                            min: {
+                                                value: 0,
+                                                message: t("Validation:fieldMinNumber", {
+                                                    attribute: t("depositPaidAmount"),
+                                                    min: 0
+                                                })
+                                            },
+                                            max: {
+                                                value: 999999.99,
+                                                message: t("Validation:fieldMaxNumber", {
+                                                    attribute: t("depositPaidAmount"),
+                                                    max: 999999.99
+                                                })
+                                            }
+                                        }
+                                    }),
+                                    /*#__PURE__*/ jsx(Controller, {
+                                        render: function(param) {
+                                            var _param_field = param.field, value = _param_field.value, onChange = _param_field.onChange;
+                                            return /*#__PURE__*/ jsx(Form.Control, {
+                                                as: "select",
+                                                onChange: onChange,
+                                                isInvalid: Boolean(errors.depositPaidAmountType),
+                                                disabled: isLoading,
+                                                children: depositPaidAmountTypes.map(function(type) {
+                                                    return /*#__PURE__*/ jsx("option", {
+                                                        value: type,
+                                                        selected: value === type,
+                                                        children: type
+                                                    }, type);
+                                                })
+                                            });
+                                        },
+                                        control: control,
+                                        name: "depositPaidAmountType",
+                                        rules: {
+                                            required: t("Validation:fieldRequired", {
+                                                attribute: t("depositPaidAmountType")
+                                            })
+                                        }
+                                    }),
+                                    /*#__PURE__*/ jsx(InputGroup.Append, {
+                                        children: /*#__PURE__*/ jsx(InputGroup.Text, {
+                                            children: t("ofTheRemainder")
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(Controller, {
+                                        render: function(param) {
+                                            var _param_field = param.field, value = _param_field.value, onChange = _param_field.onChange;
+                                            return /*#__PURE__*/ jsx(Form.Control, {
+                                                value: value,
+                                                onChange: onChange,
+                                                isInvalid: Boolean(errors.depositPaidPeriod),
+                                                disabled: isLoading
+                                            });
+                                        },
+                                        control: control,
+                                        name: "depositPaidPeriod",
+                                        rules: {
+                                            required: t("Validation:fieldRequired", {
+                                                attribute: t("depositPaidPeriod")
+                                            }),
+                                            min: {
+                                                value: 0,
+                                                message: t("Validation:fieldMinNumber", {
+                                                    attribute: t("depositPaidPeriod"),
+                                                    min: 0
+                                                })
+                                            },
+                                            max: {
+                                                value: 999999.99,
+                                                message: t("Validation:fieldMaxNumber", {
+                                                    attribute: t("depositPaidPeriod"),
+                                                    max: 999999.99
+                                                })
+                                            }
+                                        }
+                                    }),
+                                    /*#__PURE__*/ jsx(Controller, {
+                                        render: function(param) {
+                                            var _param_field = param.field, value = _param_field.value, onChange = _param_field.onChange;
+                                            return /*#__PURE__*/ jsx(Form.Control, {
+                                                as: "select",
+                                                onChange: onChange,
+                                                isInvalid: Boolean(errors.depositPaidPeriodType),
+                                                disabled: isLoading,
+                                                children: depositPaidPeriodTypes.map(function(type) {
+                                                    return /*#__PURE__*/ jsx("option", {
+                                                        value: type,
+                                                        selected: value === type,
+                                                        children: type
+                                                    }, type);
+                                                })
+                                            });
+                                        },
+                                        control: control,
+                                        name: "depositPaidPeriodType",
+                                        rules: {
+                                            required: t("Validation:fieldRequired", {
+                                                attribute: t("depositPaidPeriodType")
+                                            })
+                                        }
+                                    }),
+                                    /*#__PURE__*/ jsx(InputGroup.Append, {
+                                        children: /*#__PURE__*/ jsx(InputGroup.Text, {
+                                            children: t("beforeEvent")
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxs(Form.Control.Feedback, {
+                                        type: "invalid",
+                                        children: [
+                                            (_errors_depositPaidAmount = errors.depositPaidAmount) === null || _errors_depositPaidAmount === void 0 ? void 0 : _errors_depositPaidAmount.message,
+                                            (_errors_depositPaidPeriod = errors.depositPaidPeriod) === null || _errors_depositPaidPeriod === void 0 ? void 0 : _errors_depositPaidPeriod.message
+                                        ]
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                })
+            })
+        })
+    });
+}
+
+export { ProductSetDepositPaidControl };

package/dist/product-set/deposit-paid/index.d.ts

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

package/dist/product-set/elements/DeleteFieldButton.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { IsDeletableEvent } from "../types";
-export type DeleteFieldButtonProps = IsDeletableEvent;
-export declare function DeleteFieldButton({ onDelete }: DeleteFieldButtonProps): JSX.Element;
+import { IsDeletableEvent } from "../types";
+export type DeleteFieldButtonProps = IsDeletableEvent;
+export declare function DeleteFieldButton({ onDelete }: DeleteFieldButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DeleteFieldButton.d.ts.map

package/dist/product-set/elements/DeleteFieldButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteFieldButton.d.ts","sourceRoot":"","sources":["../../../src/product-set/elements/DeleteFieldButton.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAG5C,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;AAEtD,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,eAarE"}
+{"version":3,"file":"DeleteFieldButton.d.ts","sourceRoot":"","sources":["../../../src/product-set/elements/DeleteFieldButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;AAEtD,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAarE"}

package/dist/product-set/elements/DeleteFieldButton.js

@@ -1 +1,26 @@
-"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,n=require("react-i18next"),a=require("react-bootstrap"),i=require("../../static/Icon.js");exports.DeleteFieldButton=function(e){var t=e.onDelete,l=n.useTranslation("Design").t;return r.createElement(a.Button,{onClick:t,variant:"outline-danger",className:"d-flex align-items-center"},r.createElement(i.default,{type:"trash",height:"1rem"})," ",r.createElement("span",{className:"d-none d-sm-inline ml-2"},l("delete")))};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from 'react-bootstrap';
+import { useTranslation } from 'react-i18next';
+import { FaTrashAlt } from 'react-icons/fa';
+
+function DeleteFieldButton(param) {
+    var onDelete = param.onDelete;
+    var t = useTranslation("Design").t;
+    return /*#__PURE__*/ jsxs(Button, {
+        onClick: onDelete,
+        variant: "outline-danger",
+        className: "d-flex align-items-center",
+        children: [
+            /*#__PURE__*/ jsx(FaTrashAlt, {
+                size: 16
+            }),
+            " ",
+            /*#__PURE__*/ jsx("span", {
+                className: "d-none d-sm-inline ml-2",
+                children: t("delete")
+            })
+        ]
+    });
+}
+
+export { DeleteFieldButton };

package/dist/product-set/elements/index.d.ts

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

package/dist/product-set/form/MobileFooter.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare function MobileFooter(): JSX.Element;
+export declare function MobileFooter(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MobileFooter.d.ts.map

package/dist/product-set/form/MobileFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileFooter.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/MobileFooter.tsx"],"names":[],"mappings":";AAMA,wBAAgB,YAAY,gBAyC3B"}
+{"version":3,"file":"MobileFooter.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/MobileFooter.tsx"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,4CAa3B"}

package/dist/product-set/form/ProductCategoriesControl.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
-import { CategoryType } from "@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper";
-import { WithIsLoading } from "./ProductSetForm";
-interface ProductCategoriesControlProps extends WithIsLoading {
-    stepIndex: number;
-    isOverrides?: boolean;
-    isEventEditProductSet?: boolean;
-    isCreateNewOverrides?: boolean;
-}
-export declare function ProductCategoriesControl({ isLoading, stepIndex, isOverrides, isEventEditProductSet, isCreateNewOverrides, }: ProductCategoriesControlProps): JSX.Element;
-export declare const getBadgeConfig: (categoryType: CategoryType, label: string) => {
-    label: string;
-    className: string;
-};
-export {};
+import { CategoryType } from "@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper";
+import { WithIsLoading } from "./ProductSetForm";
+interface ProductCategoriesControlProps extends WithIsLoading {
+    stepIndex: number;
+    isOverrides?: boolean;
+    isEventEditProductSet?: boolean;
+    isCreateNewOverrides?: boolean;
+}
+export declare function ProductCategoriesControl({ isLoading, stepIndex, isOverrides, isEventEditProductSet, isCreateNewOverrides, }: ProductCategoriesControlProps): import("react/jsx-runtime").JSX.Element;
+export declare const getBadgeConfig: (categoryType: CategoryType, label: string) => {
+    label: string;
+    className: string;
+} | null;
+export {};
 //# sourceMappingURL=ProductCategoriesControl.d.ts.map

package/dist/product-set/form/ProductCategoriesControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCategoriesControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductCategoriesControl.tsx"],"names":[],"mappings":";AAYA,OAAO,EAKL,YAAY,EACb,MAAM,kEAAkE,CAAC;AAQ1E,OAAO,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AASvE,UAAU,6BAA8B,SAAQ,aAAa;IAC3D,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AA2BD,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,SAAS,EACT,WAAW,EACX,qBAAqB,EACrB,oBAAoB,GACrB,EAAE,6BAA6B,eAoT/B;AAED,eAAO,MAAM,cAAc,iBACX,YAAY,SACnB,MAAM;WACH,MAAM;eAAa,MAAM;CAcpC,CAAC"}
+{"version":3,"file":"ProductCategoriesControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductCategoriesControl.tsx"],"names":[],"mappings":"AAYA,OAAO,EAKL,YAAY,EACb,MAAM,kEAAkE,CAAC;AAQ1E,OAAO,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AASvE,UAAU,6BAA8B,SAAQ,aAAa;IAC3D,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AA0BD,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,SAAS,EACT,WAAW,EACX,qBAAqB,EACrB,oBAAoB,GACrB,EAAE,6BAA6B,2CAoT/B;AAED,eAAO,MAAM,cAAc,iBACX,YAAY,SACnB,MAAM,KACZ;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,IAczC,CAAC"}