@licklist/design 0.78.5-dev.21 → 0.78.5-dev.24

package/dist/CustomDatePicker/CustomDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomDatePicker.d.ts","sourceRoot":"","sources":["../../src/CustomDatePicker/CustomDatePicker.tsx"],"names":[],"mappings":"AAMA,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,OAAc,EACd,QAAe,EAChB,EAAE,qBAAqB,2CAwOvB"}
+{"version":3,"file":"CustomDatePicker.d.ts","sourceRoot":"","sources":["../../src/CustomDatePicker/CustomDatePicker.tsx"],"names":[],"mappings":"AAMA,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,OAAc,EACd,QAAe,EAChB,EAAE,qBAAqB,2CA8OvB"}

package/dist/customRadioButton/RadioButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface RadioButtonProps {
+    name: string;
+    value: string;
+    checked: boolean;
+    onChange: (value: string) => void;
+    label?: string;
+}
+declare const RadioButton: React.FC<RadioButtonProps>;
+export default RadioButton;
+//# sourceMappingURL=RadioButton.d.ts.map

package/dist/customRadioButton/RadioButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../src/customRadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuE3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/customRadioButton/RadioButton.js

@@ -0,0 +1,93 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+
+var RadioButton = function(param) {
+    var name = param.name, value = param.value, checked = param.checked, onChange = param.onChange, label = param.label;
+    // Generate a stable id so label could be connected if needed
+    var id = "".concat(name, "-").concat(value);
+    return /*#__PURE__*/ jsxs("div", {
+        className: "tw-flex tw-items-center tw-space-x-3",
+        style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 12
+        },
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "tw-relative tw-cursor-pointer",
+                style: {
+                    position: 'relative',
+                    cursor: 'pointer'
+                },
+                onClick: function() {
+                    return onChange(value);
+                },
+                children: [
+                    /*#__PURE__*/ jsx("input", {
+                        id: id,
+                        type: "radio",
+                        name: name,
+                        value: value,
+                        checked: checked,
+                        onChange: function() {
+                            return onChange(value);
+                        },
+                        className: "tw-sr-only",
+                        style: {
+                            position: 'absolute',
+                            opacity: 0,
+                            pointerEvents: 'none',
+                            width: 0,
+                            height: 0
+                        }
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "tw-w-[47px] tw-h-[47px] tw-border-[3px] tw-border-black tw-rounded-full tw-bg-white tw-flex tw-items-center tw-justify-center tw-transition-all tw-duration-200 hover:tw-shadow-sm",
+                        style: {
+                            width: 52,
+                            height: 52,
+                            borderWidth: 3,
+                            borderStyle: 'solid',
+                            borderColor: '#000',
+                            borderRadius: 9999,
+                            background: '#fff',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            transition: 'all 200ms'
+                        },
+                        children: checked && /*#__PURE__*/ jsx("div", {
+                            className: "tw-w-[30px] tw-h-[30px] tw-bg-slate-900 tw-rounded-full",
+                            style: {
+                                width: 30,
+                                height: 30,
+                                background: '#0f172a',
+                                borderRadius: 9999
+                            }
+                        })
+                    })
+                ]
+            }),
+            label && /*#__PURE__*/ jsx("label", {
+                htmlFor: id,
+                className: "tw-cursor-pointer tw-text-gray-700 tw-select-none tw-flex tw-items-center tw-leading-none",
+                style: {
+                    cursor: 'pointer',
+                    color: '#374151',
+                    userSelect: 'none',
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    lineHeight: 1,
+                    position: 'relative',
+                    top: 5
+                },
+                onClick: function() {
+                    return onChange(value);
+                },
+                children: label
+            })
+        ]
+    });
+};
+
+export { RadioButton as default };

package/dist/iframe/order-process/components/CategoryProduct/CategoryProduct.d.ts

@@ -6,7 +6,8 @@ interface CategoryProductProps {
     canExpandDescription?: boolean;
     productsWithErrors?: QuantityCheckProductInfo[];
     soldOutProducts?: QuantityCheckProductInfo[];
+    disabled?: boolean;
 }
-export declare const CategoryProduct: ({ product, category, canExpandDescription, productsWithErrors, soldOutProducts, }: CategoryProductProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CategoryProduct: ({ product, category, canExpandDescription, productsWithErrors, soldOutProducts, disabled }: CategoryProductProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CategoryProduct.d.ts.map

package/dist/iframe/order-process/components/CategoryProduct/CategoryProduct.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryProduct.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/CategoryProduct/CategoryProduct.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAA;AACvF,OAAO,EACL,OAAO,EACP,eAAe,EAChB,MAAM,qDAAqD,CAAA;AAQ5D,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,eAAe,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC/C,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAA;CAC7C;AAED,eAAO,MAAM,eAAe,sFAMzB,oBAAoB,4CAoPtB,CAAA"}
+{"version":3,"file":"CategoryProduct.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/CategoryProduct/CategoryProduct.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAA;AACvF,OAAO,EACL,OAAO,EACP,eAAe,EAChB,MAAM,qDAAqD,CAAA;AAQ5D,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,eAAe,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC/C,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,eAAe,+FAOzB,oBAAoB,4CAqPtB,CAAA"}

package/dist/iframe/order-process/components/CategoryProduct/CategoryProduct.js

@@ -110,7 +110,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 var CategoryProduct = function(param) {
-    var product = param.product, category = param.category, _param_canExpandDescription = param.canExpandDescription, canExpandDescription = _param_canExpandDescription === void 0 ? true : _param_canExpandDescription, productsWithErrors = param.productsWithErrors, soldOutProducts = param.soldOutProducts;
+    var product = param.product, category = param.category, _param_canExpandDescription = param.canExpandDescription, canExpandDescription = _param_canExpandDescription === void 0 ? true : _param_canExpandDescription, productsWithErrors = param.productsWithErrors, soldOutProducts = param.soldOutProducts, _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled;
     var formatNumber = useIntl().formatNumber;
     var t = useTranslation([
         'Design',
@@ -256,6 +256,7 @@ var CategoryProduct = function(param) {
                                 onChange: onChange,
                                 productInfo: productInfo,
                                 refCallback: ref,
+                                disabled: disabled,
                                 clearErrors: clearErrors,
                                 product: _object_spread_props(_object_spread({}, product), {
                                     isSoldOut: (product === null || product === void 0 ? void 0 : product.isSoldOut) || checkIfSoldOutProduct()

package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts

@@ -21,7 +21,8 @@ interface ProductQuantityInputProps {
     refCallback: RefCallBack;
     invalid: boolean;
     productInfo: FormOrderItem;
+    disabled?: boolean;
 }
-export declare const ProductQuantityInput: ({ product, category, onChange: _onChange, clearErrors, refCallback, productInfo, invalid, }: ProductQuantityInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductQuantityInput: ({ product, category, onChange: _onChange, clearErrors, refCallback, productInfo, invalid, disabled }: ProductQuantityInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ProductQuantityInput.d.ts.map

package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductQuantityInput.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,EACL,OAAO,EACP,eAAe,EAChB,MAAM,qDAAqD,CAAA;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAA;AAKrG,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,kBAAkB,CAAC,EAAE,sBAAsB,EAAE,GAAG,IAAI,CAAA;CACrD;AAED,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,eAAe,CAAA;IACzB,WAAW,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,eAAO,MAAM,oBAAoB,gGAQ9B,yBAAyB,4CAoH3B,CAAA"}
+{"version":3,"file":"ProductQuantityInput.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,EACL,OAAO,EACP,eAAe,EAChB,MAAM,qDAAqD,CAAA;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAA;AAKrG,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,kBAAkB,CAAC,EAAE,sBAAsB,EAAE,GAAG,IAAI,CAAA;CACrD;AAED,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,eAAe,CAAA;IACzB,WAAW,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,aAAa,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,yGAS9B,yBAAyB,4CAoH3B,CAAA"}

package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.js

@@ -54,7 +54,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 var ProductQuantityInput = function(param) {
-    var product = param.product, category = param.category, _onChange = param.onChange, clearErrors = param.clearErrors, refCallback = param.refCallback, productInfo = param.productInfo, invalid = param.invalid;
+    var product = param.product, category = param.category, _onChange = param.onChange, clearErrors = param.clearErrors, refCallback = param.refCallback, productInfo = param.productInfo, invalid = param.invalid, _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled;
     var t = useTranslation('Design').t;
     var _useState = _sliced_to_array(useState(false), 2), open = _useState[0], handleOpenModal = _useState[1];
     var onChange = function(quantity) {
@@ -100,7 +100,7 @@ var ProductQuantityInput = function(param) {
             children: [
                 /*#__PURE__*/ jsx(Button, {
                     ref: refCallback,
-                    disabled: product.isSoldOut,
+                    disabled: product.isSoldOut || disabled,
                     className: clsx("iframe-event__".concat((productInfo === null || productInfo === void 0 ? void 0 : productInfo.quantity) ? 'unselect-product' : 'select-product'), invalid && 'error'),
                     onClick: function() {
                         return handleOpenModal(true);

package/dist/index.d.ts

@@ -43,4 +43,5 @@ export * from './availability-indicator';
 export * from './number-of-people-input';
 export * from './fullscreen-loader';
 export * from './pages';
+export { default as RadioButton } from './customRadioButton/RadioButton';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,2BAA2B,CAAA;AACzC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,wBAAwB,CAAA;AACtC,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,2BAA2B,CAAA;AACzC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,wBAAwB,CAAA;AACtC,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAA"}

package/dist/index.js

@@ -205,6 +205,7 @@ export { useFullscreenLoader } from './fullscreen-loader/useFullscreenLoader.js'
 export { FullscreenLoaderContext } from './fullscreen-loader/context.js';
 export { PrivacyComponent } from './pages/PrivacyComponent.js';
 export { TermsComponent } from './pages/TermsComponent.js';
+export { default as RadioButton } from './customRadioButton/RadioButton.js';
 export { default as CountrySelect } from './static/CountrySelect.js';
 export { default as FormCard } from './static/FormCard.js';
 export { default as Image } from './static/Image.js';

package/dist/sales/guest-profile/profile/Profile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../../../src/sales/guest-profile/profile/Profile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAA;AAO5E,KAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;CAGrB,CAAA;AAED,eAAO,MAAM,OAAO,aAAc,YAAY,4CAgD7C,CAAA"}
+{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../../../src/sales/guest-profile/profile/Profile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAA;AAO5E,KAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;CAGrB,CAAA;AAED,eAAO,MAAM,OAAO,aAAc,YAAY,4CA6C7C,CAAA"}

package/dist/sales/guest-profile/profile/Profile.js

@@ -10,7 +10,8 @@ var Profile = function(param) {
     if (!user) {
         return null;
     }
-    var firstName = user.firstName, lastName = user.lastName, gender = user.userDetail.gender;
+    var firstName = user.firstName, lastName = user.lastName, userDetail = user.userDetail;
+    var gender = userDetail === null || userDetail === void 0 ? void 0 : userDetail.gender;
     return /*#__PURE__*/ jsx("div", {
         className: "profile",
         children: /*#__PURE__*/ jsxs("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.78.5-dev.21",
+  "version": "0.78.5-dev.24",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"

package/src/CustomDatePicker/CustomDatePicker.tsx

@@ -142,6 +142,8 @@ export function CustomDatePicker({
                   placeholder="DD"
                   maxLength={2}
                   error={!!displayError}
+                  classNames={{ input: 'tw-placeholder-[#626A90]' }}
+                  styles={{ input: { '&::placeholder': { color: '#626A90' } } }}
                   onChange={(e) => {
                     const value = e.target.value.replace(/[^0-9]/g, '')
                     field.onChange(value)
@@ -175,6 +177,8 @@ export function CustomDatePicker({
                   placeholder="MM"
                   maxLength={2}
                   error={!!displayError}
+                  classNames={{ input: 'tw-placeholder-[#626A90]' }}
+                  styles={{ input: { '&::placeholder': { color: '#626A90' } } }}
                   onChange={(e) => {
                     const value = e.target.value.replace(/[^0-9]/g, '')
                     field.onChange(value)
@@ -208,6 +212,8 @@ export function CustomDatePicker({
                   placeholder="YYYY"
                   maxLength={4}
                   error={!!displayError}
+                  classNames={{ input: 'tw-placeholder-[#626A90]' }}
+                  styles={{ input: { '&::placeholder': { color: '#626A90' } } }}
                   onChange={(e) => {
                     const value = e.target.value.replace(/[^0-9]/g, '')
                     field.onChange(value)

package/src/customRadioButton/RadioButton.tsx

@@ -0,0 +1,84 @@
+import React from 'react';
+
+interface RadioButtonProps {
+  name: string;
+  value: string;
+  checked: boolean;
+  onChange: (value: string) => void;
+  label?: string;
+}
+
+const RadioButton: React.FC<RadioButtonProps> = ({
+                                                   name,
+                                                   value,
+                                                   checked,
+                                                   onChange,
+                                                   label
+                                                 }) => {
+  // Generate a stable id so label could be connected if needed
+  const id = `${name}-${value}`;
+
+  return (
+    <div
+      className="tw-flex tw-items-center tw-space-x-3"
+      style={{ display: 'flex', alignItems: 'center', gap: 12 }}
+    >
+      <div
+        className="tw-relative tw-cursor-pointer"
+        style={{ position: 'relative', cursor: 'pointer' }}
+        onClick={() => onChange(value)}
+      >
+        {/* Hidden native radio input for accessibility */}
+        <input
+          id={id}
+          type="radio"
+          name={name}
+          value={value}
+          checked={checked}
+          onChange={() => onChange(value)}
+          className="tw-sr-only"
+          style={{ position: 'absolute', opacity: 0, pointerEvents: 'none', width: 0, height: 0 }}
+        />
+
+        {/* Custom radio button circle */}
+        <div
+          className="tw-w-[47px] tw-h-[47px] tw-border-[3px] tw-border-black tw-rounded-full tw-bg-white tw-flex tw-items-center tw-justify-center tw-transition-all tw-duration-200 hover:tw-shadow-sm"
+          style={{
+            width: 52,
+            height: 52,
+            borderWidth: 3,
+            borderStyle: 'solid',
+            borderColor: '#000',
+            borderRadius: 9999,
+            background: '#fff',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            transition: 'all 200ms',
+          }}
+        >
+          {/* Inner filled circle when selected */}
+          {checked && (
+            <div
+              className="tw-w-[30px] tw-h-[30px] tw-bg-slate-900 tw-rounded-full"
+              style={{ width: 30, height: 30, background: '#0f172a', borderRadius: 9999 }}
+            />
+          )}
+        </div>
+      </div>
+
+      {label && (
+        <label
+          htmlFor={id}
+          className="tw-cursor-pointer tw-text-gray-700 tw-select-none tw-flex tw-items-center tw-leading-none"
+          style={{ cursor: 'pointer', color: '#374151', userSelect: 'none', display: 'inline-flex', alignItems: 'center', lineHeight: 1, position: 'relative', top: 5 }}
+          onClick={() => onChange(value)}
+        >
+          {label}
+        </label>
+      )}
+    </div>
+  );
+};
+
+export default RadioButton;

package/src/iframe/order-process/components/CategoryProduct/CategoryProduct.tsx

@@ -23,6 +23,7 @@ interface CategoryProductProps {
   canExpandDescription?: boolean
   productsWithErrors?: QuantityCheckProductInfo[]
   soldOutProducts?: QuantityCheckProductInfo[]
+  disabled?: boolean
 }
 
 export const CategoryProduct = ({
@@ -31,6 +32,7 @@ export const CategoryProduct = ({
   canExpandDescription = true,
   productsWithErrors,
   soldOutProducts,
+  disabled =false
 }: CategoryProductProps) => {
   const { formatNumber } = useIntl()
   const { t } = useTranslation(['Design', 'Validation'])
@@ -196,6 +198,7 @@ export const CategoryProduct = ({
                 onChange={onChange}
                 productInfo={productInfo}
                 refCallback={ref}
+                disabled={disabled}
                 clearErrors={clearErrors}
                 product={{
                   ...product,

package/src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx

@@ -34,6 +34,7 @@ interface ProductQuantityInputProps {
   refCallback: RefCallBack
   invalid: boolean
   productInfo: FormOrderItem
+  disabled?: boolean
 }
 
 export const ProductQuantityInput = ({
@@ -44,6 +45,7 @@ export const ProductQuantityInput = ({
   refCallback,
   productInfo,
   invalid,
+  disabled = false
 }: ProductQuantityInputProps) => {
   const { t } = useTranslation('Design')
   const [open, handleOpenModal] = useState(false)
@@ -97,7 +99,7 @@ export const ProductQuantityInput = ({
       <>
         <Button
           ref={refCallback}
-          disabled={product.isSoldOut}
+          disabled={product.isSoldOut || disabled}
           className={clsx(
             `iframe-event__${
               productInfo?.quantity ? 'unselect-product' : 'select-product'

package/src/index.ts

@@ -43,3 +43,4 @@ export * from './availability-indicator'
 export * from './number-of-people-input'
 export * from './fullscreen-loader'
 export * from './pages'
+export { default as RadioButton } from './customRadioButton/RadioButton'

package/src/sales/guest-profile/profile/Profile.tsx

@@ -16,11 +16,8 @@ export const Profile = ({ user }: ProfileProps) => {
     return null
   }
 
-  const {
-    firstName,
-    lastName,
-    userDetail: { gender },
-  } = user
+  const { firstName, lastName, userDetail } = user
+  const gender = userDetail?.gender
 
   return (
     <div className='profile'>

package/yarn.lock

@@ -7485,11 +7485,11 @@ __metadata:
   linkType: hard
 
 "baseline-browser-mapping@npm:^2.8.3":
-  version: 2.8.6
-  resolution: "baseline-browser-mapping@npm:2.8.6"
+  version: 2.8.7
+  resolution: "baseline-browser-mapping@npm:2.8.7"
   bin:
     baseline-browser-mapping: dist/cli.js
-  checksum: 10c0/ea628db5048d1e5c0251d4783e0496f5ce8de7a0e20ea29c8876611cb0acf58ffc76bf6561786c6388db22f130646e3ecb91eebc1c03954552a21d38fa38320f
+  checksum: 10c0/9d0929dbec02e065bf67e974f70023c0a5897755dc936ea11ab9383015eddfd32a032db9636cfbf214b767a7145d7674a4c071bba43d99a631cb793f0f4c2bab
   languageName: node
   linkType: hard
 
@@ -9885,9 +9885,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.3.564, electron-to-chromium@npm:^1.5.218":
-  version: 1.5.223
-  resolution: "electron-to-chromium@npm:1.5.223"
-  checksum: 10c0/1c07c34b6d8eca9b5a587e9a7ffdb4502d9cd346cf7a0446b5bbf9056395b06f3d95774c7b221b8060184771ac536f4653a06811dd4ea5c20a1a071349e84120
+  version: 1.5.224
+  resolution: "electron-to-chromium@npm:1.5.224"
+  checksum: 10c0/09e00381cfce7660eba265c9aa3afa2e9ff04ecd47d50f9673477c35bc35b2a206b3e75dd767106420b9c8b801f3d044f99b20e064ba4a48f0a989c3c8e13291
   languageName: node
   linkType: hard