@licklist/design 0.78.7-stage.24 → 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/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.24",
+  "version": "0.78.7-stage.25",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -42,7 +42,7 @@
     ]
   },
   "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.13",
     "clsx": "2.1.1",
@@ -64,7 +64,7 @@
     "@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.13",
     "@mantine/core": "6.0.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/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,7 +2511,7 @@ __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.13"
     "@mantine/core": "npm:6.0.22"
@@ -2613,7 +2642,7 @@ __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.13
     clsx: 2.1.1