@licklist/design 0.78.7-stage.23 → 0.78.7-stage.25

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,4CAqH3B,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);
@@ -147,7 +147,7 @@ var ProductQuantityInput = function(param) {
         min: (product === null || product === void 0 ? void 0 : product.minAmount) ? Number(product.minAmount) : 0,
         max: (product === null || product === void 0 ? void 0 : product.maxAmount) ? Number(product.maxAmount) : undefined,
         placeholder: "0",
-        disabled: product.isSoldOut,
+        disabled: product.isSoldOut || disabled,
         value: productInfo === null || productInfo === void 0 ? void 0 : productInfo.quantity,
         className: clsx(invalid && 'error')
     });

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.7-stage.23",
+  "version": "0.78.7-stage.25",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -42,9 +42,9 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.36.3-stage.5",
+    "@licklist/core": "0.36.3-stage.0",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.36.4-stage.14",
+    "@licklist/plugins": "0.36.4-stage.13",
     "clsx": "2.1.1",
     "i18next": "25.3.2",
     "lodash": "4.17.21",
@@ -64,9 +64,9 @@
     "@dnd-kit/utilities": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "1.2.34",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
-    "@licklist/core": "0.36.3-stage.5",
+    "@licklist/core": "0.36.3-stage.0",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.36.4-stage.14",
+    "@licklist/plugins": "0.36.4-stage.13",
     "@mantine/core": "6.0.22",
     "@mantine/hooks": "6.0.22",
     "@mdx-js/react": "1.6.22",

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'
@@ -140,6 +142,7 @@ export const ProductQuantityInput = ({
   return (
     <NumberInput
       ref={refCallback}
+      
       onChange={(val) => {
         onChange(val)
         clearErrors(`${product.id}` as const)
@@ -155,7 +158,7 @@ export const ProductQuantityInput = ({
       min={product?.minAmount ? Number(product.minAmount) : 0}
       max={product?.maxAmount ? Number(product.maxAmount) : undefined}
       placeholder='0'
-      disabled={product.isSoldOut}
+      disabled={product.isSoldOut || disabled}
       value={productInfo?.quantity}
       className={clsx(invalid && 'error')}
     />

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

@@ -2442,6 +2442,35 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@licklist/core@npm:0.36.3-stage.0":
+  version: 0.36.3-stage.0
+  resolution: "@licklist/core@npm:0.36.3-stage.0"
+  dependencies:
+    "@sentry/browser": "npm:6.2.0"
+    axios: "npm:0.26.0"
+    i18next: "npm:25.3.2"
+    luxon: "npm:3.5.0"
+    react: "npm:18.3.1"
+    react-dom: "npm:18.3.1"
+    react-i18next: "npm:15.6.1"
+    react-intl: "npm:7.1.11"
+    uuid: "npm:9.0.0"
+    wait-for-expect: "npm:3.0.2"
+    zustand: "npm:3.7.2"
+  peerDependencies:
+    "@licklist/eslint-config": 0.5.6
+    axios: 0.26.0
+    i18next: 25.3.2
+    luxon: 3.5.0
+    react: 18.3.1
+    react-dom: 18.3.1
+    react-i18next: 15.6.1
+    react-intl: 7.1.11
+    zustand: 3.7.2
+  checksum: 10c0/d5f50af7f4c97b2d24c5ba42c83b69df1f14fdbab5c0ae66296c89a6881de6b347d9e489a63d5fb4d0c1af58d376cb4043194e06a6a8ca04f20983d7b8a3d5bb
+  languageName: node
+  linkType: hard
+
 "@licklist/core@npm:0.36.3-stage.5":
   version: 0.36.3-stage.5
   resolution: "@licklist/core@npm:0.36.3-stage.5"
@@ -2482,9 +2511,9 @@ __metadata:
     "@dnd-kit/utilities": "npm:2.0.0"
     "@fortawesome/fontawesome-svg-core": "npm:1.2.34"
     "@fortawesome/free-solid-svg-icons": "npm:5.15.2"
-    "@licklist/core": "npm:0.36.3-stage.5"
+    "@licklist/core": "npm:0.36.3-stage.0"
     "@licklist/eslint-config": "npm:0.5.6"
-    "@licklist/plugins": "npm:0.36.4-stage.14"
+    "@licklist/plugins": "npm:0.36.4-stage.13"
     "@mantine/core": "npm:6.0.22"
     "@mantine/hooks": "npm:6.0.22"
     "@mdx-js/react": "npm:1.6.22"
@@ -2613,9 +2642,9 @@ __metadata:
     vite-plugin-svgr: "npm:4.2.0"
     vite-tsconfig-paths: "npm:5.0.1"
   peerDependencies:
-    "@licklist/core": 0.36.3-stage.5
+    "@licklist/core": 0.36.3-stage.0
     "@licklist/eslint-config": 0.5.6
-    "@licklist/plugins": 0.36.4-stage.14
+    "@licklist/plugins": 0.36.4-stage.13
     clsx: 2.1.1
     i18next: 25.3.2
     lodash: 4.17.21
@@ -2648,9 +2677,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@licklist/plugins@npm:0.36.4-stage.14":
-  version: 0.36.4-stage.14
-  resolution: "@licklist/plugins@npm:0.36.4-stage.14"
+"@licklist/plugins@npm:0.36.4-stage.13":
+  version: 0.36.4-stage.13
+  resolution: "@licklist/plugins@npm:0.36.4-stage.13"
   dependencies:
     "@licklist/core": "npm:0.36.3-stage.5"
     axios: "npm:0.26.0"
@@ -2689,7 +2718,7 @@ __metadata:
     react-loader: 2.4.7
     react-query: 3.34.12
     react-router-dom: 6.30.1
-  checksum: 10c0/ac8781d845255fb68eab9918c2d35ae5ff1af93913c5a0051e251d0750cf012bf41757ffd934c716fadf2848831c168f670513d13a36463d94e545e905b871b4
+  checksum: 10c0/7f8b21f17fc4d8bb76bfde0408927e81514d491ecf9b7cacea2494b0db1e48e79c4211cb40a92b36cbf4a6c0da6756f038d65cddb2c7f12a072f2d2e57fb87ab
   languageName: node
   linkType: hard