npm - @anker-in/campaign-ui - Versions diffs - 0.5.16 → 0.5.19 - Mend

@anker-in/campaign-ui 0.5.16 → 0.5.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1258) hide show

package/dist/cjs/components/credits/creditsRedeemList/AddressForm/StateSelect.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/creditsRedeemList/AddressForm/StateSelect.tsx"],
-  "sourcesContent": ["import classNames from 'classnames'\nimport { Picture } from '@anker-in/headless-ui'\nimport { useEffect, useMemo, useState } from 'react'\nimport useClickOutside from '../../context/hooks/useClickOutside'\nimport { useHeadlessContext } from '@anker-in/lib'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ninterface StateSelectProps {\n  states: { code: string; id: string; name: string }[]\n  className?: string\n  countryId?: string\n  defaultCode?: string\n  stateName?: string\n  stateCode?: string\n  onChange: (code: string, name: string) => void\n}\n\nexport function StateSelect({ states, stateName = '', stateCode = '', className = '', onChange }: StateSelectProps) {\n  const [show, setShow] = useState(false)\n  const [display, setDisplay] = useState<any>('')\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const dropdown = useClickOutside<HTMLDivElement>(() => {\n    setShow(false)\n  })\n\n  const value = useMemo(() => {\n    const currentState = states.find(item => (stateCode ? item.code === stateCode : item.name === stateName))\n\n    return currentState ? [currentState?.id, currentState?.name, currentState?.code].join(',') : ''\n  }, [states, stateCode, stateName])\n\n  useEffect(() => {\n    const target = states.filter(item => [item.id, item.name, item.code].join(',') === value)\n    if (target.length) setDisplay(target[0].name)\n  }, [setDisplay, states, value])\n\n  return (\n    <div className=\"relative h-full\">\n      {states.length ? (\n        <>\n          <select\n            className={classNames('h-[52px] pr-[45px] min-l:hidden', className)}\n            value={value}\n            style={{\n              WebkitTextFillColor: value ? 'black' : '#666',\n            }}\n            onChange={event => {\n              const [, name, code] = event.target.value.split(',')\n              onChange(code, name)\n            }}\n          >\n            {states.map((item: { id: string; name: string; code: string }) => (\n              <option key={item.id} value={[item.id, item.name, item.code].join(',')}>\n                {item.name}\n              </option>\n            ))}\n          </select>\n          <div\n            className={classNames('absolute left-0 top-0 hidden h-[52px] pr-[45px] min-l:!block', className)}\n            onClick={() => {\n              setShow(true)\n            }}\n            role=\"button\"\n            tabIndex={0}\n            onKeyDown={e => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n              }\n            }}\n          >\n            {display}\n          </div>\n\n          <Picture\n            source=\"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/country-select.png?v=1692202500\"\n            className=\"pointer-events-none absolute right-0 top-1/2 h-[45px] !w-[45px] -translate-y-1/2 object-cover\"\n            alt=\"arrow\"\n          />\n\n          <div\n            ref={dropdown}\n            className={classNames(\n              'absolute left-0 top-[58px] z-30 max-h-[334px] w-full cursor-pointer overflow-auto  bg-white shadow-[0px_1px_12px_0px_rgba(0,0,0,0.12)]',\n              !rounded && 'rounded-none',\n              { '!hidden': !show }\n            )}\n          >\n            <ul className=\"py-[6px]\">\n              {states.map((item: { id: string; name: string; code: string }) => (\n                <li\n                  key={item.id}\n                  value={[item.id, item.name, item.code].join(',')}\n                  className={classNames(\n                    'relative px-[14px] py-[17px] text-[16px] font-semibold leading-[1] transition hover:bg-[#F7F8F9]',\n                    {\n                      '!bg-[#e8e8e8]': [item.id, item.name, item.code].join(',') === value,\n                    }\n                  )}\n                >\n                  <button\n                    className=\"absolute left-0 top-0 z-1 size-full opacity-0\"\n                    value={[item.id, item.name, item.code].join(',')}\n                    onClick={() => {\n                      setDisplay(item.name)\n                      setShow(false)\n                      onChange(item.code, item.name)\n                    }}\n                  />\n                  {item.name}\n                </li>\n              ))}\n            </ul>\n          </div>\n        </>\n      ) : (\n        <input\n          className={className}\n          value={stateName}\n          style={{\n            WebkitTextFillColor: 'black',\n          }}\n          onChange={event => {\n            onChange('', event.target.value)\n          }}\n        ></input>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GAyCQ,IAAAI,EAAA,6BAzCRC,EAAuB,yBACvBC,EAAwB,iCACxBC,EAA6C,iBAC7CC,EAA4B,kDAC5BC,EAAmC,yBACnCC,EAA+B,iCAYxB,SAASR,EAAY,CAAE,OAAAS,EAAQ,UAAAC,EAAY,GAAI,UAAAC,EAAY,GAAI,UAAAC,EAAY,GAAI,SAAAC,CAAS,EAAqB,CAClH,KAAM,CAACC,EAAMC,CAAO,KAAI,YAAS,EAAK,EAChC,CAACC,EAASC,CAAU,KAAI,YAAc,EAAE,EACxC,CAAE,MAAAC,CAAM,KAAI,sBAAmB,EAC/BC,EAAU,iBAAe,SAASD,CAAK,EAEvCE,KAAW,EAAAC,SAAgC,IAAM,CACrDN,EAAQ,EAAK,CACf,CAAC,EAEKO,KAAQ,WAAQ,IAAM,CAC1B,MAAMC,EAAed,EAAO,KAAKe,GAASb,EAAYa,EAAK,OAASb,EAAYa,EAAK,OAASd,CAAU,EAExG,OAAOa,EAAe,CAACA,GAAc,GAAIA,GAAc,KAAMA,GAAc,IAAI,EAAE,KAAK,GAAG,EAAI,EAC/F,EAAG,CAACd,EAAQE,EAAWD,CAAS,CAAC,EAEjC,sBAAU,IAAM,CACd,MAAMe,EAAShB,EAAO,OAAOe,GAAQ,CAACA,EAAK,GAAIA,EAAK,KAAMA,EAAK,IAAI,EAAE,KAAK,GAAG,IAAMF,CAAK,EACpFG,EAAO,QAAQR,EAAWQ,EAAO,CAAC,EAAE,IAAI,CAC9C,EAAG,CAACR,EAAYR,EAAQa,CAAK,CAAC,KAG5B,OAAC,OAAI,UAAU,kBACZ,SAAAb,EAAO,UACN,oBACE,oBAAC,UACC,aAAW,EAAAiB,SAAW,kCAAmCd,CAAS,EAClE,MAAOU,EACP,MAAO,CACL,oBAAqBA,EAAQ,QAAU,MACzC,EACA,SAAUK,GAAS,CACjB,KAAM,CAAC,CAAEC,EAAMC,CAAI,EAAIF,EAAM,OAAO,MAAM,MAAM,GAAG,EACnDd,EAASgB,EAAMD,CAAI,CACrB,EAEC,SAAAnB,EAAO,IAAKe,MACX,OAAC,UAAqB,MAAO,CAACA,EAAK,GAAIA,EAAK,KAAMA,EAAK,IAAI,EAAE,KAAK,GAAG,EAClE,SAAAA,EAAK,MADKA,EAAK,EAElB,CACD,EACH,KACA,OAAC,OACC,aAAW,EAAAE,SAAW,+DAAgEd,CAAS,EAC/F,QAAS,IAAM,CACbG,EAAQ,EAAI,CACd,EACA,KAAK,SACL,SAAU,EACV,UAAW,GAAK,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,MACjC,EAAE,eAAe,CAErB,EAEC,SAAAC,EACH,KAEA,OAAC,WACC,OAAO,yFACP,UAAU,gGACV,IAAI,QACN,KAEA,OAAC,OACC,IAAKI,EACL,aAAW,EAAAM,SACT,yIACA,CAACP,GAAW,eACZ,CAAE,UAAW,CAACL,CAAK,CACrB,EAEA,mBAAC,MAAG,UAAU,WACX,SAAAL,EAAO,IAAKe,MACX,QAAC,MAEC,MAAO,CAACA,EAAK,GAAIA,EAAK,KAAMA,EAAK,IAAI,EAAE,KAAK,GAAG,EAC/C,aAAW,EAAAE,SACT,mGACA,CACE,gBAAiB,CAACF,EAAK,GAAIA,EAAK,KAAMA,EAAK,IAAI,EAAE,KAAK,GAAG,IAAMF,CACjE,CACF,EAEA,oBAAC,UACC,UAAU,gDACV,MAAO,CAACE,EAAK,GAAIA,EAAK,KAAMA,EAAK,IAAI,EAAE,KAAK,GAAG,EAC/C,QAAS,IAAM,CACbP,EAAWO,EAAK,IAAI,EACpBT,EAAQ,EAAK,EACbF,EAASW,EAAK,KAAMA,EAAK,IAAI,CAC/B,EACF,EACCA,EAAK,OAlBDA,EAAK,EAmBZ,CACD,EACH,EACF,GACF,KAEA,OAAC,SACC,UAAWZ,EACX,MAAOF,EACP,MAAO,CACL,oBAAqB,OACvB,EACA,SAAUiB,GAAS,CACjBd,EAAS,GAAIc,EAAM,OAAO,KAAK,CACjC,EACD,EAEL,CAEJ",
+  "sourcesContent": ["import classNames from 'classnames'\nimport { Picture } from '@anker-in/headless-ui'\nimport { useEffect, useMemo, useState } from 'react'\nimport useClickOutside from '../../context/hooks/useClickOutside'\nimport { useHeadlessContext } from '../../../../lib'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ninterface StateSelectProps {\n  states: { code: string; id: string; name: string }[]\n  className?: string\n  countryId?: string\n  defaultCode?: string\n  stateName?: string\n  stateCode?: string\n  onChange: (code: string, name: string) => void\n}\n\nexport function StateSelect({ states, stateName = '', stateCode = '', className = '', onChange }: StateSelectProps) {\n  const [show, setShow] = useState(false)\n  const [display, setDisplay] = useState<any>('')\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const dropdown = useClickOutside<HTMLDivElement>(() => {\n    setShow(false)\n  })\n\n  const value = useMemo(() => {\n    const currentState = states.find(item => (stateCode ? item.code === stateCode : item.name === stateName))\n\n    return currentState ? [currentState?.id, currentState?.name, currentState?.code].join(',') : ''\n  }, [states, stateCode, stateName])\n\n  useEffect(() => {\n    const target = states.filter(item => [item.id, item.name, item.code].join(',') === value)\n    if (target.length) setDisplay(target[0].name)\n  }, [setDisplay, states, value])\n\n  return (\n    <div className=\"relative h-full\">\n      {states.length ? (\n        <>\n          <select\n            className={classNames('h-[52px] pr-[45px] min-l:hidden', className)}\n            value={value}\n            style={{\n              WebkitTextFillColor: value ? 'black' : '#666',\n            }}\n            onChange={event => {\n              const [, name, code] = event.target.value.split(',')\n              onChange(code, name)\n            }}\n          >\n            {states.map((item: { id: string; name: string; code: string }) => (\n              <option key={item.id} value={[item.id, item.name, item.code].join(',')}>\n                {item.name}\n              </option>\n            ))}\n          </select>\n          <div\n            className={classNames('absolute left-0 top-0 hidden h-[52px] pr-[45px] min-l:!block', className)}\n            onClick={() => {\n              setShow(true)\n            }}\n            role=\"button\"\n            tabIndex={0}\n            onKeyDown={e => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n              }\n            }}\n          >\n            {display}\n          </div>\n\n          <Picture\n            source=\"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/country-select.png?v=1692202500\"\n            className=\"pointer-events-none absolute right-0 top-1/2 h-[45px] !w-[45px] -translate-y-1/2 object-cover\"\n            alt=\"arrow\"\n          />\n\n          <div\n            ref={dropdown}\n            className={classNames(\n              'absolute left-0 top-[58px] z-30 max-h-[334px] w-full cursor-pointer overflow-auto  bg-white shadow-[0px_1px_12px_0px_rgba(0,0,0,0.12)]',\n              !rounded && 'rounded-none',\n              { '!hidden': !show }\n            )}\n          >\n            <ul className=\"py-[6px]\">\n              {states.map((item: { id: string; name: string; code: string }) => (\n                <li\n                  key={item.id}\n                  value={[item.id, item.name, item.code].join(',')}\n                  className={classNames(\n                    'relative px-[14px] py-[17px] text-[16px] font-semibold leading-[1] transition hover:bg-[#F7F8F9]',\n                    {\n                      '!bg-[#e8e8e8]': [item.id, item.name, item.code].join(',') === value,\n                    }\n                  )}\n                >\n                  <button\n                    className=\"absolute left-0 top-0 z-1 size-full opacity-0\"\n                    value={[item.id, item.name, item.code].join(',')}\n                    onClick={() => {\n                      setDisplay(item.name)\n                      setShow(false)\n                      onChange(item.code, item.name)\n                    }}\n                  />\n                  {item.name}\n                </li>\n              ))}\n            </ul>\n          </div>\n        </>\n      ) : (\n        <input\n          className={className}\n          value={stateName}\n          style={{\n            WebkitTextFillColor: 'black',\n          }}\n          onChange={event => {\n            onChange('', event.target.value)\n          }}\n        ></input>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["StateSelect_exports", "__export", "StateSelect", "__toCommonJS", "import_jsx_runtime", "import_classnames", "import_headless_ui", "import_react", "import_useClickOutside", "import_lib", "import_constants", "states", "stateName", "stateCode", "className", "onChange", "show", "setShow", "display", "setDisplay", "brand", "rounded", "dropdown", "useClickOutside", "value", "currentState", "item", "target", "classNames", "event", "name", "code"]
 }

package/dist/cjs/components/credits/creditsRedeemList/AddressForm/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { AddressFormProps } from './type';
-export declare const AddressForm: ({ countries, countriesLoading, form, validate, errors, onChange }: AddressFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const AddressForm: ({ countries, countriesLoading, form, validate, errors, onChange }: AddressFormProps) => import("react").JSX.Element | null;

package/dist/cjs/components/credits/creditsRedeemList/AddressForm/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var z=Object.create;var y=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty;var H=(r,s)=>{for(var d in s)y(r,d,{get:s[d],enumerable:!0})},_=(r,s,d,m)=>{if(s&&typeof s=="object"||typeof s=="function")for(let c of M(s))!G.call(r,c)&&c!==d&&y(r,c,{get:()=>s[c],enumerable:!(m=L(s,c))||m.enumerable});return r};var T=(r,s,d)=>(d=r!=null?z(O(r)):{},_(s||!r||!r.__esModule?y(d,"default",{value:r,enumerable:!0}):d,r)),V=r=>_(y({},"__esModule",{value:!0}),r);var J={};H(J,{AddressForm:()=>Y});module.exports=V(J);var n=require("react/jsx-runtime"),C=T(require("classnames")),l=require("react"),S=require("./CountrySelect"),w=require("./FormItem"),I=require("./Input"),D=require("./StateSelect"),q=require("../../context/const"),P=require("../../context/provider"),R=require("@anker-in/lib"),U=require("../../../../constants");const Y=({countries:r,countriesLoading:s,form:d,validate:m,errors:c,onChange:p})=>{const{profile:b,customer:t,alpcCountry:h}=(0,P.useCreditsContext)(),{locale:v,brand:B}=(0,R.useHeadlessContext)(),E=U.ROUNDED_BRANDS.includes(B),[e,f]=(0,l.useState)(),A=(0,l.useMemo)(()=>r.find(u=>u.code===e?.country)?.provinces||[],[e,r]),k=(0,l.useMemo)(()=>d?.flat().find(u=>u.type==="state")?.key,[d]),F=(0,l.useCallback)(()=>{if(t?.defaultAddress)return{name:(t?.defaultAddress.firstName||"")+" "+(t?.defaultAddress.lastName||""),first_name:t?.defaultAddress.firstName,last_name:t?.defaultAddress.lastName,address1:t?.defaultAddress.address1,address2:t?.defaultAddress.address2,city:t?.defaultAddress.city,phone:t?.defaultAddress.phone,country:t?.defaultAddress.countryCodeV2,province:t?.defaultAddress.province,province_code:t?.defaultAddress.provinceCode,email:t?.email||b?.email,zip:t?.defaultAddress.zip};{let a=h||q.ALPC_COUNTRY_MAP.get(v)||v;return a==="UK"&&(a="GB"),a==="EU"&&(a="NL"),{email:b?.email,country:a}}},[t,b?.email,v,h]);return(0,l.useEffect)(()=>{const a=F();f(a),p(a)},[F]),e?(0,n.jsx)("div",{className:"grid gap-[20px]",children:d&&d.map((a,u)=>(0,n.jsx)("div",{className:"item-center -mx-[6px] flex",children:a.map((o,K)=>{const N=c.find(i=>i.key===o.key)?.message,x=(0,C.default)("h-full w-full appearance-none rounded-[2px] border bg-white px-[14px] py-[17px] leading-[1] outline-none placeholder:text-[#999] autofill:shadow-white focus:border-brand disabled:pointer-events-none disabled:text-[#999] disabled:bg-[#F7F8F9] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",N?"!border-[#F84D4F]":"border-[#d8d8d8]",!E&&"rounded-none");return o.type==="state"&&!A.length?null:(0,n.jsx)("div",{className:(0,C.default)("mx-[6px] flex-1"),children:(0,n.jsxs)(w.FormItem,{error:N,required:o.required,label:o.label,children:[o.type==="country"&&(0,n.jsx)(S.CountrySelect,{className:x,countries:r,loading:s,value:e.country,onChange:i=>{e.country!==i&&(e.province="",e.province_code=""),e.country=i,f({...e}),p(e)}}),o.type==="state"&&(0,n.jsx)(D.StateSelect,{className:x,states:A,stateCode:e.province_code,stateName:e.province,onChange:(i,g)=>{e.province_code=i,e.province=g,f({...e}),p(e)}}),o.type!=="state"&&o.type!=="country"&&(0,n.jsx)(I.Input,{placeholder:o.label,className:x,error:N,value:e[o.key],required:o.required,disabled:o.type==="email",onChange:i=>{const g=i.target.value;e[o.key]=g,f({...e}),p(e)},onBlur:()=>{m({ignoreKeys:A.length&&k?[k]:[]})}})]})},K)})},u))}):null};
+"use strict";var z=Object.create;var y=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty;var H=(r,s)=>{for(var d in s)y(r,d,{get:s[d],enumerable:!0})},_=(r,s,d,m)=>{if(s&&typeof s=="object"||typeof s=="function")for(let c of M(s))!G.call(r,c)&&c!==d&&y(r,c,{get:()=>s[c],enumerable:!(m=L(s,c))||m.enumerable});return r};var T=(r,s,d)=>(d=r!=null?z(O(r)):{},_(s||!r||!r.__esModule?y(d,"default",{value:r,enumerable:!0}):d,r)),V=r=>_(y({},"__esModule",{value:!0}),r);var J={};H(J,{AddressForm:()=>Y});module.exports=V(J);var n=require("react/jsx-runtime"),C=T(require("classnames")),l=require("react"),S=require("./CountrySelect"),w=require("./FormItem"),I=require("./Input"),D=require("./StateSelect"),q=require("../../context/const"),P=require("../../context/provider"),R=require("../../../../lib"),U=require("../../../../constants");const Y=({countries:r,countriesLoading:s,form:d,validate:m,errors:c,onChange:p})=>{const{profile:b,customer:t,alpcCountry:h}=(0,P.useCreditsContext)(),{locale:v,brand:B}=(0,R.useHeadlessContext)(),E=U.ROUNDED_BRANDS.includes(B),[e,f]=(0,l.useState)(),A=(0,l.useMemo)(()=>r.find(u=>u.code===e?.country)?.provinces||[],[e,r]),k=(0,l.useMemo)(()=>d?.flat().find(u=>u.type==="state")?.key,[d]),F=(0,l.useCallback)(()=>{if(t?.defaultAddress)return{name:(t?.defaultAddress.firstName||"")+" "+(t?.defaultAddress.lastName||""),first_name:t?.defaultAddress.firstName,last_name:t?.defaultAddress.lastName,address1:t?.defaultAddress.address1,address2:t?.defaultAddress.address2,city:t?.defaultAddress.city,phone:t?.defaultAddress.phone,country:t?.defaultAddress.countryCodeV2,province:t?.defaultAddress.province,province_code:t?.defaultAddress.provinceCode,email:t?.email||b?.email,zip:t?.defaultAddress.zip};{let a=h||q.ALPC_COUNTRY_MAP.get(v)||v;return a==="UK"&&(a="GB"),a==="EU"&&(a="NL"),{email:b?.email,country:a}}},[t,b?.email,v,h]);return(0,l.useEffect)(()=>{const a=F();f(a),p(a)},[F]),e?(0,n.jsx)("div",{className:"grid gap-[20px]",children:d&&d.map((a,u)=>(0,n.jsx)("div",{className:"item-center -mx-[6px] flex",children:a.map((o,K)=>{const N=c.find(i=>i.key===o.key)?.message,x=(0,C.default)("h-full w-full appearance-none rounded-[2px] border bg-white px-[14px] py-[17px] leading-[1] outline-none placeholder:text-[#999] autofill:shadow-white focus:border-brand disabled:pointer-events-none disabled:text-[#999] disabled:bg-[#F7F8F9] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",N?"!border-[#F84D4F]":"border-[#d8d8d8]",!E&&"rounded-none");return o.type==="state"&&!A.length?null:(0,n.jsx)("div",{className:(0,C.default)("mx-[6px] flex-1"),children:(0,n.jsxs)(w.FormItem,{error:N,required:o.required,label:o.label,children:[o.type==="country"&&(0,n.jsx)(S.CountrySelect,{className:x,countries:r,loading:s,value:e.country,onChange:i=>{e.country!==i&&(e.province="",e.province_code=""),e.country=i,f({...e}),p(e)}}),o.type==="state"&&(0,n.jsx)(D.StateSelect,{className:x,states:A,stateCode:e.province_code,stateName:e.province,onChange:(i,g)=>{e.province_code=i,e.province=g,f({...e}),p(e)}}),o.type!=="state"&&o.type!=="country"&&(0,n.jsx)(I.Input,{placeholder:o.label,className:x,error:N,value:e[o.key],required:o.required,disabled:o.type==="email",onChange:i=>{const g=i.target.value;e[o.key]=g,f({...e}),p(e)},onBlur:()=>{m({ignoreKeys:A.length&&k?[k]:[]})}})]})},K)})},u))}):null};
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/credits/creditsRedeemList/AddressForm/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/creditsRedeemList/AddressForm/index.tsx"],
-  "sourcesContent": ["import classNames from 'classnames'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { CountrySelect } from './CountrySelect'\nimport { FormItem } from './FormItem'\nimport { Input } from './Input'\nimport { StateSelect } from './StateSelect'\nimport { ALPC_COUNTRY_MAP } from '../../context/const'\nimport { useCreditsContext } from '../../context/provider'\nimport { useHeadlessContext } from '@anker-in/lib'\nimport { AddressFormProps } from './type'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\nexport const AddressForm = ({ countries, countriesLoading, form, validate, errors, onChange }: AddressFormProps) => {\n  const { profile, customer, alpcCountry } = useCreditsContext()\n  const { locale, brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const [address, setAddress] = useState<Record<string, any>>()\n\n  const states = useMemo(() => {\n    const currentCountry = countries.find(item => item.code === address?.country)\n\n    return currentCountry?.provinces || []\n  }, [address, countries])\n\n  const stateInputKey = useMemo(() => {\n    const stateInput = form?.flat().find(item => item.type === 'state')\n    return stateInput?.key\n  }, [form])\n\n  const getDefaultAddress = useCallback(() => {\n    if (customer?.defaultAddress) {\n      return {\n        name: (customer?.defaultAddress.firstName || '') + ' ' + (customer?.defaultAddress.lastName || ''),\n        first_name: customer?.defaultAddress.firstName,\n        last_name: customer?.defaultAddress.lastName,\n        address1: customer?.defaultAddress.address1,\n        address2: customer?.defaultAddress.address2,\n        city: customer?.defaultAddress.city,\n        phone: customer?.defaultAddress.phone,\n        country: customer?.defaultAddress.countryCodeV2,\n        province: customer?.defaultAddress.province,\n        province_code: customer?.defaultAddress.provinceCode,\n        email: customer?.email || profile?.email,\n        zip: customer?.defaultAddress.zip,\n      }\n    } else {\n      let defaultCountry = alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale\n      if (defaultCountry === 'UK') {\n        defaultCountry = 'GB'\n      }\n      if (defaultCountry === 'EU') {\n        defaultCountry = 'NL'\n      }\n      return {\n        email: profile?.email,\n        country: defaultCountry,\n      }\n    }\n  }, [customer, profile?.email, locale, alpcCountry])\n\n  useEffect(() => {\n    const defaultAddress = getDefaultAddress()\n    setAddress(defaultAddress)\n    onChange(defaultAddress)\n  }, [getDefaultAddress])\n\n  if (!address) {\n    return null\n  }\n\n  return (\n    <div className=\"grid gap-[20px]\">\n      {form &&\n        form.map((row, rowIndex: number) => (\n          <div key={rowIndex} className=\"item-center -mx-[6px] flex\">\n            {row.map((input, inputIndex: number) => {\n              const error = errors.find(item => item.key === input.key)?.message\n              const inputClassName = classNames(\n                'h-full w-full appearance-none rounded-[2px] border bg-white px-[14px] py-[17px] leading-[1] outline-none placeholder:text-[#999] autofill:shadow-white focus:border-brand disabled:pointer-events-none disabled:text-[#999] disabled:bg-[#F7F8F9] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',\n                error ? '!border-[#F84D4F]' : 'border-[#d8d8d8]',\n                !rounded && 'rounded-none'\n              )\n\n              if (input.type === 'state') {\n                if (!states.length) {\n                  return null\n                }\n              }\n\n              return (\n                <div key={inputIndex} className={classNames('mx-[6px] flex-1')}>\n                  <FormItem error={error} required={input.required} label={input.label}>\n                    {input.type === 'country' && (\n                      <CountrySelect\n                        className={inputClassName}\n                        countries={countries}\n                        loading={countriesLoading}\n                        value={address.country}\n                        onChange={selectedCountryCode => {\n                          if (address.country !== selectedCountryCode) {\n                            address.province = ''\n                            address.province_code = ''\n                          }\n                          address.country = selectedCountryCode\n                          setAddress({ ...address })\n                          onChange(address)\n                        }}\n                      ></CountrySelect>\n                    )}\n                    {input.type === 'state' && (\n                      <StateSelect\n                        className={inputClassName}\n                        states={states}\n                        stateCode={address.province_code}\n                        stateName={address.province}\n                        onChange={(provinceCode, provinceName) => {\n                          address.province_code = provinceCode\n                          address.province = provinceName\n                          setAddress({ ...address })\n                          onChange(address)\n                        }}\n                      ></StateSelect>\n                    )}\n\n                    {input.type !== 'state' && input.type !== 'country' && (\n                      <Input\n                        placeholder={input.label}\n                        className={inputClassName}\n                        error={error}\n                        value={address[input.key]}\n                        required={input.required}\n                        disabled={input.type === 'email'}\n                        onChange={event => {\n                          const value = event.target.value\n                          address[input.key] = value\n                          setAddress({ ...address })\n                          onChange(address)\n                        }}\n                        onBlur={() => {\n                          validate({\n                            ignoreKeys: states.length && stateInputKey ? [stateInputKey] : [],\n                          })\n                        }}\n                      />\n                    )}\n                  </FormItem>\n                </div>\n              )\n            })}\n          </div>\n        ))}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import classNames from 'classnames'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { CountrySelect } from './CountrySelect'\nimport { FormItem } from './FormItem'\nimport { Input } from './Input'\nimport { StateSelect } from './StateSelect'\nimport { ALPC_COUNTRY_MAP } from '../../context/const'\nimport { useCreditsContext } from '../../context/provider'\nimport { useHeadlessContext } from '../../../../lib'\nimport { AddressFormProps } from './type'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\nexport const AddressForm = ({ countries, countriesLoading, form, validate, errors, onChange }: AddressFormProps) => {\n  const { profile, customer, alpcCountry } = useCreditsContext()\n  const { locale, brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const [address, setAddress] = useState<Record<string, any>>()\n\n  const states = useMemo(() => {\n    const currentCountry = countries.find(item => item.code === address?.country)\n\n    return currentCountry?.provinces || []\n  }, [address, countries])\n\n  const stateInputKey = useMemo(() => {\n    const stateInput = form?.flat().find(item => item.type === 'state')\n    return stateInput?.key\n  }, [form])\n\n  const getDefaultAddress = useCallback(() => {\n    if (customer?.defaultAddress) {\n      return {\n        name: (customer?.defaultAddress.firstName || '') + ' ' + (customer?.defaultAddress.lastName || ''),\n        first_name: customer?.defaultAddress.firstName,\n        last_name: customer?.defaultAddress.lastName,\n        address1: customer?.defaultAddress.address1,\n        address2: customer?.defaultAddress.address2,\n        city: customer?.defaultAddress.city,\n        phone: customer?.defaultAddress.phone,\n        country: customer?.defaultAddress.countryCodeV2,\n        province: customer?.defaultAddress.province,\n        province_code: customer?.defaultAddress.provinceCode,\n        email: customer?.email || profile?.email,\n        zip: customer?.defaultAddress.zip,\n      }\n    } else {\n      let defaultCountry = alpcCountry || ALPC_COUNTRY_MAP.get(locale) || locale\n      if (defaultCountry === 'UK') {\n        defaultCountry = 'GB'\n      }\n      if (defaultCountry === 'EU') {\n        defaultCountry = 'NL'\n      }\n      return {\n        email: profile?.email,\n        country: defaultCountry,\n      }\n    }\n  }, [customer, profile?.email, locale, alpcCountry])\n\n  useEffect(() => {\n    const defaultAddress = getDefaultAddress()\n    setAddress(defaultAddress)\n    onChange(defaultAddress)\n  }, [getDefaultAddress])\n\n  if (!address) {\n    return null\n  }\n\n  return (\n    <div className=\"grid gap-[20px]\">\n      {form &&\n        form.map((row, rowIndex: number) => (\n          <div key={rowIndex} className=\"item-center -mx-[6px] flex\">\n            {row.map((input, inputIndex: number) => {\n              const error = errors.find(item => item.key === input.key)?.message\n              const inputClassName = classNames(\n                'h-full w-full appearance-none rounded-[2px] border bg-white px-[14px] py-[17px] leading-[1] outline-none placeholder:text-[#999] autofill:shadow-white focus:border-brand disabled:pointer-events-none disabled:text-[#999] disabled:bg-[#F7F8F9] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',\n                error ? '!border-[#F84D4F]' : 'border-[#d8d8d8]',\n                !rounded && 'rounded-none'\n              )\n\n              if (input.type === 'state') {\n                if (!states.length) {\n                  return null\n                }\n              }\n\n              return (\n                <div key={inputIndex} className={classNames('mx-[6px] flex-1')}>\n                  <FormItem error={error} required={input.required} label={input.label}>\n                    {input.type === 'country' && (\n                      <CountrySelect\n                        className={inputClassName}\n                        countries={countries}\n                        loading={countriesLoading}\n                        value={address.country}\n                        onChange={selectedCountryCode => {\n                          if (address.country !== selectedCountryCode) {\n                            address.province = ''\n                            address.province_code = ''\n                          }\n                          address.country = selectedCountryCode\n                          setAddress({ ...address })\n                          onChange(address)\n                        }}\n                      ></CountrySelect>\n                    )}\n                    {input.type === 'state' && (\n                      <StateSelect\n                        className={inputClassName}\n                        states={states}\n                        stateCode={address.province_code}\n                        stateName={address.province}\n                        onChange={(provinceCode, provinceName) => {\n                          address.province_code = provinceCode\n                          address.province = provinceName\n                          setAddress({ ...address })\n                          onChange(address)\n                        }}\n                      ></StateSelect>\n                    )}\n\n                    {input.type !== 'state' && input.type !== 'country' && (\n                      <Input\n                        placeholder={input.label}\n                        className={inputClassName}\n                        error={error}\n                        value={address[input.key]}\n                        required={input.required}\n                        disabled={input.type === 'email'}\n                        onChange={event => {\n                          const value = event.target.value\n                          address[input.key] = value\n                          setAddress({ ...address })\n                          onChange(address)\n                        }}\n                        onBlur={() => {\n                          validate({\n                            ignoreKeys: states.length && stateInputKey ? [stateInputKey] : [],\n                          })\n                        }}\n                      />\n                    )}\n                  </FormItem>\n                </div>\n              )\n            })}\n          </div>\n        ))}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["AddressForm_exports", "__export", "AddressForm", "__toCommonJS", "import_jsx_runtime", "import_classnames", "import_react", "import_CountrySelect", "import_FormItem", "import_Input", "import_StateSelect", "import_const", "import_provider", "import_lib", "import_constants", "countries", "countriesLoading", "form", "validate", "errors", "onChange", "profile", "customer", "alpcCountry", "locale", "brand", "rounded", "address", "setAddress", "states", "item", "stateInputKey", "getDefaultAddress", "defaultCountry", "defaultAddress", "row", "rowIndex", "input", "inputIndex", "error", "inputClassName", "classNames", "selectedCountryCode", "provinceCode", "provinceName", "event", "value"]
 }

package/dist/cjs/components/credits/creditsRedeemList/CreditsRedeemList.d.ts CHANGED Viewed

@@ -2,4 +2,4 @@ import { CreditsRedeemListCopy } from './type';
 export declare const CreditsRedeemList: ({ copy, id }: {
     copy: CreditsRedeemListCopy;
     id?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/cjs/components/credits/creditsRedeemList/CreditsRedeemList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var te=Object.create;var y=Object.defineProperty;var ae=Object.getOwnPropertyDescriptor;var oe=Object.getOwnPropertyNames;var ne=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty;var se=(e,o)=>{for(var s in o)y(e,s,{get:o[s],enumerable:!0})},F=(e,o,s,v)=>{if(o&&typeof o=="object"||typeof o=="function")for(let u of oe(o))!re.call(e,u)&&u!==s&&y(e,u,{get:()=>o[u],enumerable:!(v=ae(o,u))||v.enumerable});return e};var g=(e,o,s)=>(s=e!=null?te(ne(e)):{},F(o||!e||!e.__esModule?y(s,"default",{value:e,enumerable:!0}):s,e)),ie=e=>F(y({},"__esModule",{value:!0}),e);var de={};se(de,{CreditsRedeemList:()=>le});module.exports=ie(de);var a=require("react/jsx-runtime"),r=require("@anker-in/headless-ui"),T=g(require("classnames")),d=require("react"),O=g(require("./RedeemCouponModal")),B=g(require("./RedeemProductModal")),H=g(require("./RedeemVirtualProductModal")),V=require("../context/provider"),$=g(require("../context/hooks/useRedeemableList")),n=require("../context/const"),m=require("@anker-in/lib"),z=require("./RedeemableItem"),U=require("../../../constants"),j=g(require("../modal/RulesModal")),q=require("../../../components/registration"),J=require("../context/utils"),K=g(require("../context/hooks/useMyRewards"));const le=({copy:e,id:o})=>{const{profile:s,openSignUpPopup:v,gtm:{pageGroup:u},pageCommon:h,creditInfo:Q}=(0,V.useCreditsContext)(),{authCodeActivate:N}=(0,q.useRegistration)(),{brand:S,locale:W}=(0,m.useHeadlessContext)(),M=U.ROUNDED_BRANDS.includes(S),R=Object.keys(s||{}).length>0,[i,x]=(0,d.useState)(void 0),[L,I]=(0,d.useState)(),{listLoading:X,redeemableList:P,getRedeemableList:A}=(0,$.default)(),{myRewards:G}=(0,K.default)({page:1,pageSize:100,consumeType:n.AlpcConsumeType.ExternalProduct}),f=(0,d.useMemo)(()=>({...h?.redeemModal||{},...e.redeemModal||{}}),[e.redeemModal,h?.redeemModal]),b=(0,d.useMemo)(()=>P.map(t=>({id:t.id.toString(),title:t.name,consumeCredits:t.consume_credits,remainingInventory:t.remaining_inventory,isLimited:!!t.is_limited,consumeType:t.consume_type,handle:t.sku_handle,sku:t.goods_sku,image:t.goods_url})),[P]),Y=b.map(t=>t.handle),{data:D}=(0,m.useProductsByHandles)({handles:Y}),Z=(0,d.useMemo)(()=>{const t=new Map;return(e.list||[]).forEach(C=>{const k=(C.list||[]).filter(p=>b.some(l=>String(l.id)===String(p.id))).map(p=>{const l=b.find(c=>String(c.id)===String(p.id)),E=D?.find(c=>c.handle===l?.handle),w=E?.variants.find(c=>c.sku===l?.sku);if(l?.isLimited&&(!l?.remainingInventory||l.remainingInventory<=0)||l?.consumeType===n.AlpcConsumeType.Product&&(!E||!w))return null;const ee=p.type===n.ConsumeType.GoGift&&R&&G.some(c=>c.rule_id===Number(p.id));return{alpc:l,config:p,product:E,variant:w,hasRedeemed:ee}}).filter(p=>p!==null);t.set(C.label,k)}),t},[e.list,b,D,R,G]),_=(0,d.useCallback)(t=>{t===n.AlpcErrorCode.CodeLpcRuleInventoryNotEnough&&A()},[A]);return(0,a.jsxs)(r.Container,{id:o,className:(0,T.default)("relative bg-[#F5F5F7]"),children:[(0,a.jsx)(r.Heading,{as:"h2",size:"4",html:e.title}),R&&e.availableCredits&&(0,a.jsx)("p",{className:"mt-[12px] text-[20px] l-xxl:text-[18px] l:text-[16px] font-bold text-[#4A4C56]",children:e.availableCredits.includes("$credits")?(0,a.jsxs)(a.Fragment,{children:[e.availableCredits.split("$credits")[0],(0,a.jsx)("span",{className:(0,m.classNames)("text-brand-color-0",S==="ankersolix"&&"bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent"),children:(0,J.numberFormat)(Q?.available_credit||0,W).toString()}),e.availableCredits.split("$credits")[1]||""]}):e.availableCredits}),(0,a.jsxs)(r.Tabs,{shape:M?"rounded":"square",align:"left",defaultValue:e?.list?.[0]?.label,onValueChange:t=>{(0,m.gaTrack)({event:"ga4Event",event_name:"lp_navigation",event_parameters:{navigation:t,page_group:u}})},children:[(0,a.jsx)("div",{className:(0,T.default)("py-[24px] md:justify-center"),children:(0,a.jsx)(r.TabsList,{children:(e.list||[]).map(t=>(0,a.jsx)(r.TabsTrigger,{value:t.label,children:t.label},t.label))})}),(e.list||[]).map(t=>(0,a.jsx)(r.TabsContent,{value:t.label,children:!!b?.length&&!X&&(0,a.jsx)("div",{className:(0,T.default)("relative grid grid-cols-4 gap-[16px] md:grid-cols-2 md:gap-[12px] md-xl:grid-cols-3"),children:(Z.get(t.label)||[])?.map(C=>(0,a.jsx)(z.RedeemableItem,{copy:e,item:C,onRedeem:k=>{R?!s?.activated&&!N.isActivateSuccess?(N.setAutoSendEmail(!0),N.open()):x(k):v()},onRulesOpen:I},C?.alpc?.id))})},t.label))]}),(i?.config?.type===n.ConsumeType.Coupon||i?.config?.type===n.ConsumeType.ShippingCoupon)&&f?.coupon&&i&&(0,a.jsx)(O.default,{item:i,copy:f,onError:_,onClose:()=>{x(void 0)}}),i?.config?.type===n.ConsumeType.Product&&f?.product&&i&&(0,a.jsx)(B.default,{item:i,copy:f,onError:_,onClose:()=>{x(void 0)}}),(i?.config?.type===n.ConsumeType.GiftCard||i?.config?.type===n.ConsumeType.GoGift)&&f?.virtualProduct&&i&&(0,a.jsx)(H.default,{item:i,copy:f,onError:_,onClose:()=>{x(void 0)}}),L&&(0,a.jsx)(j.default,{overlayClassName:"md:px-[16px] md:items-center",className:(0,m.classNames)("md:h-fit md:rounded-b-[16px]",!M&&"md:rounded-none"),isOpen:L.length>0,onClose:()=>I([]),titleClassName:"border-b-transparent h-[56px]",rules:L,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:h?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})};
+"use strict";var te=Object.create;var y=Object.defineProperty;var ae=Object.getOwnPropertyDescriptor;var oe=Object.getOwnPropertyNames;var ne=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty;var se=(e,o)=>{for(var s in o)y(e,s,{get:o[s],enumerable:!0})},F=(e,o,s,v)=>{if(o&&typeof o=="object"||typeof o=="function")for(let u of oe(o))!re.call(e,u)&&u!==s&&y(e,u,{get:()=>o[u],enumerable:!(v=ae(o,u))||v.enumerable});return e};var g=(e,o,s)=>(s=e!=null?te(ne(e)):{},F(o||!e||!e.__esModule?y(s,"default",{value:e,enumerable:!0}):s,e)),ie=e=>F(y({},"__esModule",{value:!0}),e);var de={};se(de,{CreditsRedeemList:()=>le});module.exports=ie(de);var a=require("react/jsx-runtime"),r=require("@anker-in/headless-ui"),T=g(require("classnames")),d=require("react"),O=g(require("./RedeemCouponModal")),B=g(require("./RedeemProductModal")),H=g(require("./RedeemVirtualProductModal")),V=require("../context/provider"),$=g(require("../context/hooks/useRedeemableList")),n=require("../context/const"),m=require("../../../lib"),z=require("./RedeemableItem"),U=require("../../../constants"),j=g(require("../modal/RulesModal")),q=require("../../../components/registration"),J=require("../context/utils"),K=g(require("../context/hooks/useMyRewards"));const le=({copy:e,id:o})=>{const{profile:s,openSignUpPopup:v,gtm:{pageGroup:u},pageCommon:h,creditInfo:Q}=(0,V.useCreditsContext)(),{authCodeActivate:N}=(0,q.useRegistration)(),{brand:S,locale:W}=(0,m.useHeadlessContext)(),M=U.ROUNDED_BRANDS.includes(S),R=Object.keys(s||{}).length>0,[i,x]=(0,d.useState)(void 0),[L,I]=(0,d.useState)(),{listLoading:X,redeemableList:P,getRedeemableList:A}=(0,$.default)(),{myRewards:G}=(0,K.default)({page:1,pageSize:100,consumeType:n.AlpcConsumeType.ExternalProduct}),f=(0,d.useMemo)(()=>({...h?.redeemModal||{},...e.redeemModal||{}}),[e.redeemModal,h?.redeemModal]),b=(0,d.useMemo)(()=>P.map(t=>({id:t.id.toString(),title:t.name,consumeCredits:t.consume_credits,remainingInventory:t.remaining_inventory,isLimited:!!t.is_limited,consumeType:t.consume_type,handle:t.sku_handle,sku:t.goods_sku,image:t.goods_url})),[P]),Y=b.map(t=>t.handle),{data:D}=(0,m.useProductsByHandles)({handles:Y}),Z=(0,d.useMemo)(()=>{const t=new Map;return(e.list||[]).forEach(C=>{const k=(C.list||[]).filter(p=>b.some(l=>String(l.id)===String(p.id))).map(p=>{const l=b.find(c=>String(c.id)===String(p.id)),E=D?.find(c=>c.handle===l?.handle),w=E?.variants.find(c=>c.sku===l?.sku);if(l?.isLimited&&(!l?.remainingInventory||l.remainingInventory<=0)||l?.consumeType===n.AlpcConsumeType.Product&&(!E||!w))return null;const ee=p.type===n.ConsumeType.GoGift&&R&&G.some(c=>c.rule_id===Number(p.id));return{alpc:l,config:p,product:E,variant:w,hasRedeemed:ee}}).filter(p=>p!==null);t.set(C.label,k)}),t},[e.list,b,D,R,G]),_=(0,d.useCallback)(t=>{t===n.AlpcErrorCode.CodeLpcRuleInventoryNotEnough&&A()},[A]);return(0,a.jsxs)(r.Container,{id:o,className:(0,T.default)("relative bg-[#F5F5F7]"),children:[(0,a.jsx)(r.Heading,{as:"h2",size:"4",html:e.title}),R&&e.availableCredits&&(0,a.jsx)("p",{className:"mt-[12px] text-[20px] l-xxl:text-[18px] l:text-[16px] font-bold text-[#4A4C56]",children:e.availableCredits.includes("$credits")?(0,a.jsxs)(a.Fragment,{children:[e.availableCredits.split("$credits")[0],(0,a.jsx)("span",{className:(0,m.classNames)("text-brand-color-0",S==="ankersolix"&&"bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent"),children:(0,J.numberFormat)(Q?.available_credit||0,W).toString()}),e.availableCredits.split("$credits")[1]||""]}):e.availableCredits}),(0,a.jsxs)(r.Tabs,{shape:M?"rounded":"square",align:"left",defaultValue:e?.list?.[0]?.label,onValueChange:t=>{(0,m.gaTrack)({event:"ga4Event",event_name:"lp_navigation",event_parameters:{navigation:t,page_group:u}})},children:[(0,a.jsx)("div",{className:(0,T.default)("py-[24px] md:justify-center"),children:(0,a.jsx)(r.TabsList,{children:(e.list||[]).map(t=>(0,a.jsx)(r.TabsTrigger,{value:t.label,children:t.label},t.label))})}),(e.list||[]).map(t=>(0,a.jsx)(r.TabsContent,{value:t.label,children:!!b?.length&&!X&&(0,a.jsx)("div",{className:(0,T.default)("relative grid grid-cols-4 gap-[16px] md:grid-cols-2 md:gap-[12px] md-xl:grid-cols-3"),children:(Z.get(t.label)||[])?.map(C=>(0,a.jsx)(z.RedeemableItem,{copy:e,item:C,onRedeem:k=>{R?!s?.activated&&!N.isActivateSuccess?(N.setAutoSendEmail(!0),N.open()):x(k):v()},onRulesOpen:I},C?.alpc?.id))})},t.label))]}),(i?.config?.type===n.ConsumeType.Coupon||i?.config?.type===n.ConsumeType.ShippingCoupon)&&f?.coupon&&i&&(0,a.jsx)(O.default,{item:i,copy:f,onError:_,onClose:()=>{x(void 0)}}),i?.config?.type===n.ConsumeType.Product&&f?.product&&i&&(0,a.jsx)(B.default,{item:i,copy:f,onError:_,onClose:()=>{x(void 0)}}),(i?.config?.type===n.ConsumeType.GiftCard||i?.config?.type===n.ConsumeType.GoGift)&&f?.virtualProduct&&i&&(0,a.jsx)(H.default,{item:i,copy:f,onError:_,onClose:()=>{x(void 0)}}),L&&(0,a.jsx)(j.default,{overlayClassName:"md:px-[16px] md:items-center",className:(0,m.classNames)("md:h-fit md:rounded-b-[16px]",!M&&"md:rounded-none"),isOpen:L.length>0,onClose:()=>I([]),titleClassName:"border-b-transparent h-[56px]",rules:L,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:h?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})};
 //# sourceMappingURL=CreditsRedeemList.js.map

package/dist/cjs/components/credits/creditsRedeemList/CreditsRedeemList.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsRedeemList/CreditsRedeemList.tsx"],
-  "sourcesContent": ["import { Container, Heading, Tabs, TabsContent, TabsList, TabsTrigger } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport RedeemCouponModal from './RedeemCouponModal'\nimport RedeemProductModal from './RedeemProductModal'\nimport RedeemVirtualProductModal from './RedeemVirtualProductModal'\nimport { useCreditsContext } from '../context/provider'\nimport useRedeemableList from '../context/hooks/useRedeemableList'\nimport { AlpcConsumeType, AlpcErrorCode, ConsumeType } from '../context/const'\nimport { useHeadlessContext, useProductsByHandles, gaTrack, classNames as cn } from '@anker-in/lib'\nimport type { RedeemableItem as RedeemableItemType } from '../type'\nimport { RedeemableItem } from './RedeemableItem'\nimport { ROUNDED_BRANDS } from '../../../constants'\nimport RulesModal from '../modal/RulesModal'\nimport { CreditsRedeemListCopy } from './type'\nimport { useRegistration } from '../../../components/registration'\nimport { numberFormat } from '../context/utils'\nimport useMyRewards from '../context/hooks/useMyRewards'\n\nexport const CreditsRedeemList = ({ copy, id }: { copy: CreditsRedeemListCopy; id?: string }) => {\n  const {\n    profile,\n    openSignUpPopup,\n    gtm: { pageGroup },\n    pageCommon,\n    creditInfo,\n  } = useCreditsContext()\n  const { authCodeActivate } = useRegistration()\n  const { brand, locale } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const isLogin = Object.keys(profile || {}).length > 0\n\n  const [popRedeemData, setPopRedeemData] = useState<RedeemableItemType | undefined>(undefined)\n\n  const [rules, setRules] = useState<string | string[]>()\n\n  const { listLoading, redeemableList, getRedeemableList } = useRedeemableList()\n\n  // \u83B7\u53D6\u7528\u6237\u7684 ExternalProduct \u5151\u6362\u8BB0\u5F55\n  const { myRewards } = useMyRewards({\n    page: 1,\n    pageSize: 100,\n    consumeType: AlpcConsumeType.ExternalProduct,\n  })\n\n  // \u5408\u5E76 redeemModal \u6587\u6848\uFF0C\u4F18\u5148\u4F7F\u7528 copy.redeemModal\uFF0Cfallback \u5230 pageCommon.redeemModal\n  const redeemModalCopy = useMemo(() => {\n    return {\n      ...(pageCommon?.redeemModal || {}),\n      ...(copy.redeemModal || {}),\n    }\n  }, [copy.redeemModal, pageCommon?.redeemModal])\n\n  const alpcList = useMemo(() => {\n    return redeemableList.map(item => {\n      return {\n        id: item.id.toString(),\n        title: item.name,\n        consumeCredits: item.consume_credits,\n        remainingInventory: item.remaining_inventory,\n        isLimited: !!item.is_limited,\n        consumeType: item.consume_type,\n        handle: item.sku_handle,\n        sku: item.goods_sku,\n        image: item.goods_url,\n      }\n    })\n  }, [redeemableList])\n\n  const handles = alpcList.map(item => item.handle)\n  const { data: products } = useProductsByHandles({ handles })\n\n  // \u6309 tab label \u5206\u7EC4\u9884\u8BA1\u7B97\u5217\u8868\uFF0C\u914D\u5408 TabsContent \u58F0\u660E\u5F0F\u6E32\u67D3\uFF0C\u907F\u514D\u624B\u52A8 activeTab \u5B57\u7B26\u4E32\u6BD4\u8F83\n  const listByTab = useMemo(() => {\n    const map = new Map<string, RedeemableItemType[]>()\n    ;(copy.list || []).forEach(categoryItem => {\n      const items = (categoryItem.list || [])\n        .filter(item => alpcList.some(alpcItem => String(alpcItem.id) === String(item.id)))\n        .map(item => {\n          const alpcItem = alpcList.find(alpcItem => String(alpcItem.id) === String(item.id))\n          const product = products?.find(product => product.handle === alpcItem?.handle)\n          const variant = product?.variants.find(variant => variant.sku === alpcItem?.sku)\n          // \u8FC7\u6EE4\u6389\u5E93\u5B58\u4E0D\u8DB3\u7684\u5546\u54C1\n          if (alpcItem?.isLimited && (!alpcItem?.remainingInventory || alpcItem.remainingInventory <= 0)) return null\n          if (alpcItem?.consumeType === AlpcConsumeType.Product && (!product || !variant)) return null\n\n          // \u68C0\u67E5 GoGift \u662F\u5426\u5DF2\u7ECF\u5151\u6362\u8FC7\uFF08\u53EA\u6709 GoGift \u9650\u5236\u5151\u6362\u4E00\u6B21\uFF09\n          const hasRedeemed =\n            item.type === ConsumeType.GoGift && isLogin && myRewards.some(reward => reward.rule_id === Number(item.id))\n\n          return {\n            alpc: alpcItem,\n            config: item,\n            product,\n            variant,\n            hasRedeemed,\n          }\n        })\n        .filter(item => item !== null) as unknown as RedeemableItemType[]\n      map.set(categoryItem.label, items)\n    })\n    return map\n  }, [copy.list, alpcList, products, isLogin, myRewards])\n\n  const handleRedeemError = useCallback(\n    (errorCode: AlpcErrorCode) => {\n      if (errorCode === AlpcErrorCode.CodeLpcRuleInventoryNotEnough) {\n        getRedeemableList()\n      }\n    },\n    [getRedeemableList]\n  )\n\n  return (\n    <Container id={id} className={classNames('relative bg-[#F5F5F7]')}>\n      <Heading as=\"h2\" size=\"4\" html={copy.title} />\n\n      {/* \u53EF\u7528\u79EF\u5206\u5C55\u793A */}\n      {isLogin && copy.availableCredits && (\n        <p className=\"mt-[12px] text-[20px] l-xxl:text-[18px] l:text-[16px] font-bold text-[#4A4C56]\">\n          {copy.availableCredits.includes('$credits') ? (\n            <>\n              {copy.availableCredits.split('$credits')[0]}\n              <span\n                className={cn(\n                  'text-brand-color-0',\n                  brand === 'ankersolix' &&\n                    'bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent'\n                )}\n              >\n                {numberFormat(creditInfo?.available_credit || 0, locale).toString()}\n              </span>\n              {copy.availableCredits.split('$credits')[1] || ''}\n            </>\n          ) : (\n            copy.availableCredits\n          )}\n        </p>\n      )}\n\n      <Tabs\n        shape={rounded ? 'rounded' : 'square'}\n        align=\"left\"\n        defaultValue={copy?.list?.[0]?.label}\n        onValueChange={value => {\n          gaTrack({\n            event: 'ga4Event',\n            event_name: 'lp_navigation',\n            event_parameters: {\n              navigation: value,\n              page_group: pageGroup,\n            },\n          })\n        }}\n      >\n        <div className={classNames('py-[24px] md:justify-center')}>\n          <TabsList>\n            {(copy.list || []).map(item => (\n              <TabsTrigger key={item.label} value={item.label}>\n                {item.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </div>\n        {(copy.list || []).map(categoryItem => (\n          <TabsContent key={categoryItem.label} value={categoryItem.label}>\n            {/* PC\u7AEF */}\n            {!!alpcList?.length && !listLoading && (\n              <div\n                className={classNames(\n                  'relative grid grid-cols-4 gap-[16px] md:grid-cols-2 md:gap-[12px] md-xl:grid-cols-3'\n                )}\n              >\n                {(listByTab.get(categoryItem.label) || [])?.map(item => (\n                  <RedeemableItem\n                    key={item?.alpc?.id}\n                    copy={copy}\n                    item={item}\n                    onRedeem={(item: RedeemableItemType) => {\n                      if (!isLogin) {\n                        openSignUpPopup()\n                      } else if (!profile?.activated && !authCodeActivate.isActivateSuccess) {\n                        authCodeActivate.setAutoSendEmail(true)\n                        authCodeActivate.open()\n                      } else {\n                        setPopRedeemData(item)\n                      }\n                    }}\n                    onRulesOpen={setRules}\n                  />\n                ))}\n              </div>\n            )}\n          </TabsContent>\n        ))}\n      </Tabs>\n\n      {(popRedeemData?.config?.type === ConsumeType.Coupon ||\n        popRedeemData?.config?.type === ConsumeType.ShippingCoupon) &&\n        redeemModalCopy?.coupon &&\n        popRedeemData && (\n          <RedeemCouponModal\n            item={popRedeemData}\n            copy={redeemModalCopy}\n            onError={handleRedeemError}\n            onClose={() => {\n              setPopRedeemData(undefined)\n            }}\n          />\n        )}\n      {popRedeemData?.config?.type === ConsumeType.Product && redeemModalCopy?.product && popRedeemData && (\n        <RedeemProductModal\n          item={popRedeemData}\n          copy={redeemModalCopy}\n          onError={handleRedeemError}\n          onClose={() => {\n            setPopRedeemData(undefined)\n          }}\n        />\n      )}\n      {(popRedeemData?.config?.type === ConsumeType.GiftCard || popRedeemData?.config?.type === ConsumeType.GoGift) &&\n        redeemModalCopy?.virtualProduct &&\n        popRedeemData && (\n          <RedeemVirtualProductModal\n            item={popRedeemData}\n            copy={redeemModalCopy}\n            onError={handleRedeemError}\n            onClose={() => {\n              setPopRedeemData(undefined)\n            }}\n          />\n        )}\n      {rules && (\n        <RulesModal\n          overlayClassName=\"md:px-[16px] md:items-center\"\n          className={cn('md:h-fit md:rounded-b-[16px]', !rounded && 'md:rounded-none')}\n          isOpen={rules.length > 0}\n          onClose={() => setRules([])}\n          titleClassName=\"border-b-transparent h-[56px]\"\n          rules={rules}\n          scrollClassName=\"md:mt-[8px] md:mb-[24px] md:pt-0\"\n          title={pageCommon?.ruleLabel}\n          ruleClassName=\"text-[#1d1d1f] font-bold\"\n        />\n      )}\n    </Container>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Container, Heading, Tabs, TabsContent, TabsList, TabsTrigger } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport RedeemCouponModal from './RedeemCouponModal'\nimport RedeemProductModal from './RedeemProductModal'\nimport RedeemVirtualProductModal from './RedeemVirtualProductModal'\nimport { useCreditsContext } from '../context/provider'\nimport useRedeemableList from '../context/hooks/useRedeemableList'\nimport { AlpcConsumeType, AlpcErrorCode, ConsumeType } from '../context/const'\nimport { useHeadlessContext, useProductsByHandles, gaTrack, classNames as cn } from '../../../lib'\nimport type { RedeemableItem as RedeemableItemType } from '../type'\nimport { RedeemableItem } from './RedeemableItem'\nimport { ROUNDED_BRANDS } from '../../../constants'\nimport RulesModal from '../modal/RulesModal'\nimport { CreditsRedeemListCopy } from './type'\nimport { useRegistration } from '../../../components/registration'\nimport { numberFormat } from '../context/utils'\nimport useMyRewards from '../context/hooks/useMyRewards'\n\nexport const CreditsRedeemList = ({ copy, id }: { copy: CreditsRedeemListCopy; id?: string }) => {\n  const {\n    profile,\n    openSignUpPopup,\n    gtm: { pageGroup },\n    pageCommon,\n    creditInfo,\n  } = useCreditsContext()\n  const { authCodeActivate } = useRegistration()\n  const { brand, locale } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const isLogin = Object.keys(profile || {}).length > 0\n\n  const [popRedeemData, setPopRedeemData] = useState<RedeemableItemType | undefined>(undefined)\n\n  const [rules, setRules] = useState<string | string[]>()\n\n  const { listLoading, redeemableList, getRedeemableList } = useRedeemableList()\n\n  // \u83B7\u53D6\u7528\u6237\u7684 ExternalProduct \u5151\u6362\u8BB0\u5F55\n  const { myRewards } = useMyRewards({\n    page: 1,\n    pageSize: 100,\n    consumeType: AlpcConsumeType.ExternalProduct,\n  })\n\n  // \u5408\u5E76 redeemModal \u6587\u6848\uFF0C\u4F18\u5148\u4F7F\u7528 copy.redeemModal\uFF0Cfallback \u5230 pageCommon.redeemModal\n  const redeemModalCopy = useMemo(() => {\n    return {\n      ...(pageCommon?.redeemModal || {}),\n      ...(copy.redeemModal || {}),\n    }\n  }, [copy.redeemModal, pageCommon?.redeemModal])\n\n  const alpcList = useMemo(() => {\n    return redeemableList.map(item => {\n      return {\n        id: item.id.toString(),\n        title: item.name,\n        consumeCredits: item.consume_credits,\n        remainingInventory: item.remaining_inventory,\n        isLimited: !!item.is_limited,\n        consumeType: item.consume_type,\n        handle: item.sku_handle,\n        sku: item.goods_sku,\n        image: item.goods_url,\n      }\n    })\n  }, [redeemableList])\n\n  const handles = alpcList.map(item => item.handle)\n  const { data: products } = useProductsByHandles({ handles })\n\n  // \u6309 tab label \u5206\u7EC4\u9884\u8BA1\u7B97\u5217\u8868\uFF0C\u914D\u5408 TabsContent \u58F0\u660E\u5F0F\u6E32\u67D3\uFF0C\u907F\u514D\u624B\u52A8 activeTab \u5B57\u7B26\u4E32\u6BD4\u8F83\n  const listByTab = useMemo(() => {\n    const map = new Map<string, RedeemableItemType[]>()\n    ;(copy.list || []).forEach(categoryItem => {\n      const items = (categoryItem.list || [])\n        .filter(item => alpcList.some(alpcItem => String(alpcItem.id) === String(item.id)))\n        .map(item => {\n          const alpcItem = alpcList.find(alpcItem => String(alpcItem.id) === String(item.id))\n          const product = products?.find(product => product.handle === alpcItem?.handle)\n          const variant = product?.variants.find(variant => variant.sku === alpcItem?.sku)\n          // \u8FC7\u6EE4\u6389\u5E93\u5B58\u4E0D\u8DB3\u7684\u5546\u54C1\n          if (alpcItem?.isLimited && (!alpcItem?.remainingInventory || alpcItem.remainingInventory <= 0)) return null\n          if (alpcItem?.consumeType === AlpcConsumeType.Product && (!product || !variant)) return null\n\n          // \u68C0\u67E5 GoGift \u662F\u5426\u5DF2\u7ECF\u5151\u6362\u8FC7\uFF08\u53EA\u6709 GoGift \u9650\u5236\u5151\u6362\u4E00\u6B21\uFF09\n          const hasRedeemed =\n            item.type === ConsumeType.GoGift && isLogin && myRewards.some(reward => reward.rule_id === Number(item.id))\n\n          return {\n            alpc: alpcItem,\n            config: item,\n            product,\n            variant,\n            hasRedeemed,\n          }\n        })\n        .filter(item => item !== null) as unknown as RedeemableItemType[]\n      map.set(categoryItem.label, items)\n    })\n    return map\n  }, [copy.list, alpcList, products, isLogin, myRewards])\n\n  const handleRedeemError = useCallback(\n    (errorCode: AlpcErrorCode) => {\n      if (errorCode === AlpcErrorCode.CodeLpcRuleInventoryNotEnough) {\n        getRedeemableList()\n      }\n    },\n    [getRedeemableList]\n  )\n\n  return (\n    <Container id={id} className={classNames('relative bg-[#F5F5F7]')}>\n      <Heading as=\"h2\" size=\"4\" html={copy.title} />\n\n      {/* \u53EF\u7528\u79EF\u5206\u5C55\u793A */}\n      {isLogin && copy.availableCredits && (\n        <p className=\"mt-[12px] text-[20px] l-xxl:text-[18px] l:text-[16px] font-bold text-[#4A4C56]\">\n          {copy.availableCredits.includes('$credits') ? (\n            <>\n              {copy.availableCredits.split('$credits')[0]}\n              <span\n                className={cn(\n                  'text-brand-color-0',\n                  brand === 'ankersolix' &&\n                    'bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent'\n                )}\n              >\n                {numberFormat(creditInfo?.available_credit || 0, locale).toString()}\n              </span>\n              {copy.availableCredits.split('$credits')[1] || ''}\n            </>\n          ) : (\n            copy.availableCredits\n          )}\n        </p>\n      )}\n\n      <Tabs\n        shape={rounded ? 'rounded' : 'square'}\n        align=\"left\"\n        defaultValue={copy?.list?.[0]?.label}\n        onValueChange={value => {\n          gaTrack({\n            event: 'ga4Event',\n            event_name: 'lp_navigation',\n            event_parameters: {\n              navigation: value,\n              page_group: pageGroup,\n            },\n          })\n        }}\n      >\n        <div className={classNames('py-[24px] md:justify-center')}>\n          <TabsList>\n            {(copy.list || []).map(item => (\n              <TabsTrigger key={item.label} value={item.label}>\n                {item.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </div>\n        {(copy.list || []).map(categoryItem => (\n          <TabsContent key={categoryItem.label} value={categoryItem.label}>\n            {/* PC\u7AEF */}\n            {!!alpcList?.length && !listLoading && (\n              <div\n                className={classNames(\n                  'relative grid grid-cols-4 gap-[16px] md:grid-cols-2 md:gap-[12px] md-xl:grid-cols-3'\n                )}\n              >\n                {(listByTab.get(categoryItem.label) || [])?.map(item => (\n                  <RedeemableItem\n                    key={item?.alpc?.id}\n                    copy={copy}\n                    item={item}\n                    onRedeem={(item: RedeemableItemType) => {\n                      if (!isLogin) {\n                        openSignUpPopup()\n                      } else if (!profile?.activated && !authCodeActivate.isActivateSuccess) {\n                        authCodeActivate.setAutoSendEmail(true)\n                        authCodeActivate.open()\n                      } else {\n                        setPopRedeemData(item)\n                      }\n                    }}\n                    onRulesOpen={setRules}\n                  />\n                ))}\n              </div>\n            )}\n          </TabsContent>\n        ))}\n      </Tabs>\n\n      {(popRedeemData?.config?.type === ConsumeType.Coupon ||\n        popRedeemData?.config?.type === ConsumeType.ShippingCoupon) &&\n        redeemModalCopy?.coupon &&\n        popRedeemData && (\n          <RedeemCouponModal\n            item={popRedeemData}\n            copy={redeemModalCopy}\n            onError={handleRedeemError}\n            onClose={() => {\n              setPopRedeemData(undefined)\n            }}\n          />\n        )}\n      {popRedeemData?.config?.type === ConsumeType.Product && redeemModalCopy?.product && popRedeemData && (\n        <RedeemProductModal\n          item={popRedeemData}\n          copy={redeemModalCopy}\n          onError={handleRedeemError}\n          onClose={() => {\n            setPopRedeemData(undefined)\n          }}\n        />\n      )}\n      {(popRedeemData?.config?.type === ConsumeType.GiftCard || popRedeemData?.config?.type === ConsumeType.GoGift) &&\n        redeemModalCopy?.virtualProduct &&\n        popRedeemData && (\n          <RedeemVirtualProductModal\n            item={popRedeemData}\n            copy={redeemModalCopy}\n            onError={handleRedeemError}\n            onClose={() => {\n              setPopRedeemData(undefined)\n            }}\n          />\n        )}\n      {rules && (\n        <RulesModal\n          overlayClassName=\"md:px-[16px] md:items-center\"\n          className={cn('md:h-fit md:rounded-b-[16px]', !rounded && 'md:rounded-none')}\n          isOpen={rules.length > 0}\n          onClose={() => setRules([])}\n          titleClassName=\"border-b-transparent h-[56px]\"\n          rules={rules}\n          scrollClassName=\"md:mt-[8px] md:mb-[24px] md:pt-0\"\n          title={pageCommon?.ruleLabel}\n          ruleClassName=\"text-[#1d1d1f] font-bold\"\n        />\n      )}\n    </Container>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["CreditsRedeemList_exports", "__export", "CreditsRedeemList", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_classnames", "import_react", "import_RedeemCouponModal", "import_RedeemProductModal", "import_RedeemVirtualProductModal", "import_provider", "import_useRedeemableList", "import_const", "import_lib", "import_RedeemableItem", "import_constants", "import_RulesModal", "import_registration", "import_utils", "import_useMyRewards", "copy", "id", "profile", "openSignUpPopup", "pageGroup", "pageCommon", "creditInfo", "authCodeActivate", "brand", "locale", "rounded", "isLogin", "popRedeemData", "setPopRedeemData", "rules", "setRules", "listLoading", "redeemableList", "getRedeemableList", "useRedeemableList", "myRewards", "useMyRewards", "redeemModalCopy", "alpcList", "item", "handles", "products", "listByTab", "map", "categoryItem", "items", "alpcItem", "product", "variant", "hasRedeemed", "reward", "handleRedeemError", "errorCode", "classNames", "cn", "value", "RedeemCouponModal", "RedeemProductModal", "RedeemVirtualProductModal", "RulesModal"]
 }

package/dist/cjs/components/credits/creditsRedeemList/NonProductValue.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { RedeemableItem } from '../type';
 export declare const NoneProductValue: ({ item }: {
     item: RedeemableItem;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal/CouponInit.d.ts CHANGED Viewed

@@ -6,5 +6,5 @@ type CouponInitProps = {
     disabled: boolean;
     onConfirm: () => void;
 };
-export declare const CouponInit: ({ item, copy, loading, disabled, onConfirm }: CouponInitProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CouponInit: ({ item, copy, loading, disabled, onConfirm }: CouponInitProps) => import("react").JSX.Element;
 export {};

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal/CouponInit.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var v=Object.create;var d=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var w=(e,o)=>{for(var l in o)d(e,l,{get:o[l],enumerable:!0})},s=(e,o,l,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of C(o))!y.call(e,a)&&a!==l&&d(e,a,{get:()=>o[a],enumerable:!(p=N(o,a))||p.enumerable});return e};var I=(e,o,l)=>(l=e!=null?v(h(e)):{},s(o||!e||!e.__esModule?d(l,"default",{value:e,enumerable:!0}):l,e)),T=e=>s(d({},"__esModule",{value:!0}),e);var R={};w(R,{CouponInit:()=>F});module.exports=T(R);var t=require("react/jsx-runtime"),m=require("@anker-in/headless-ui"),n=I(require("classnames")),x=require("../../context/utils"),r=require("../RedeemProductModal/NonProductValue"),c=require("../../context/provider"),u=require("@anker-in/lib");const F=({item:e,copy:o,loading:l,disabled:p,onConfirm:a})=>{const{pageCommon:i}=(0,c.useCreditsContext)(),{locale:f}=(0,u.useHeadlessContext)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:(0,n.default)("max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:[(0,t.jsxs)("div",{className:"relative mx-auto h-[164px] w-[324px]",children:[i?.imageMapping?.[e.config?.type]?.url&&(0,t.jsx)(m.Picture,{source:i.imageMapping[e.config.type].url,className:"h-full [&_img]:h-full"}),(0,t.jsx)("div",{className:"absolute bottom-[8px] left-[16px] font-extrabold text-white",children:e.config.value?(0,t.jsx)(r.NoneProductValue,{item:e}):(0,t.jsx)(m.Text,{size:3,html:e.alpc?.title})})]}),(0,t.jsxs)(m.Text,{as:"p",className:(0,n.default)("mt-[30px] text-center text-[24px] font-bold leading-[1.2] md:mt-[18px] md:text-[20px] md:leading-[1.2]"),children:[(0,x.numberFormat)(e.alpc?.consumeCredits,f)," ",i?.pointUnit]}),e.config?.rules?.length>0&&(0,t.jsxs)("div",{className:"mt-[18px] w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]",children:[(0,t.jsxs)("div",{className:"mb-[4px]",children:[i?.ruleLabel,":"]}),(0,t.jsx)("ul",{className:"ml-4 grid grid-flow-row gap-[4px]",children:e.config?.rules?.map((g,b)=>(0,t.jsx)("li",{className:"list-disc",children:(0,t.jsx)(m.Text,{html:g})},b))})]})]}),(0,t.jsxs)("div",{className:"bg-white px-[48px] pt-[24px] text-center md:px-[16px]",children:[(0,t.jsx)(m.Text,{className:"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]",html:o.confirmTitle}),(0,t.jsx)(m.Button,{loading:l,variant:"primary",size:"lg",className:"mt-[16px] w-full",onClick:a,disabled:p,children:o.confirmButton})]})]})};
+"use strict";var v=Object.create;var d=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var w=(e,o)=>{for(var l in o)d(e,l,{get:o[l],enumerable:!0})},s=(e,o,l,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of C(o))!y.call(e,a)&&a!==l&&d(e,a,{get:()=>o[a],enumerable:!(p=N(o,a))||p.enumerable});return e};var I=(e,o,l)=>(l=e!=null?v(h(e)):{},s(o||!e||!e.__esModule?d(l,"default",{value:e,enumerable:!0}):l,e)),T=e=>s(d({},"__esModule",{value:!0}),e);var R={};w(R,{CouponInit:()=>F});module.exports=T(R);var t=require("react/jsx-runtime"),m=require("@anker-in/headless-ui"),n=I(require("classnames")),x=require("../../context/utils"),r=require("../RedeemProductModal/NonProductValue"),c=require("../../context/provider"),u=require("../../../../lib");const F=({item:e,copy:o,loading:l,disabled:p,onConfirm:a})=>{const{pageCommon:i}=(0,c.useCreditsContext)(),{locale:f}=(0,u.useHeadlessContext)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:(0,n.default)("max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:[(0,t.jsxs)("div",{className:"relative mx-auto h-[164px] w-[324px]",children:[i?.imageMapping?.[e.config?.type]?.url&&(0,t.jsx)(m.Picture,{source:i.imageMapping[e.config.type].url,className:"h-full [&_img]:h-full"}),(0,t.jsx)("div",{className:"absolute bottom-[8px] left-[16px] font-extrabold text-white",children:e.config.value?(0,t.jsx)(r.NoneProductValue,{item:e}):(0,t.jsx)(m.Text,{size:3,html:e.alpc?.title})})]}),(0,t.jsxs)(m.Text,{as:"p",className:(0,n.default)("mt-[30px] text-center text-[24px] font-bold leading-[1.2] md:mt-[18px] md:text-[20px] md:leading-[1.2]"),children:[(0,x.numberFormat)(e.alpc?.consumeCredits,f)," ",i?.pointUnit]}),e.config?.rules?.length>0&&(0,t.jsxs)("div",{className:"mt-[18px] w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]",children:[(0,t.jsxs)("div",{className:"mb-[4px]",children:[i?.ruleLabel,":"]}),(0,t.jsx)("ul",{className:"ml-4 grid grid-flow-row gap-[4px]",children:e.config?.rules?.map((g,b)=>(0,t.jsx)("li",{className:"list-disc",children:(0,t.jsx)(m.Text,{html:g})},b))})]})]}),(0,t.jsxs)("div",{className:"bg-white px-[48px] pt-[24px] text-center md:px-[16px]",children:[(0,t.jsx)(m.Text,{className:"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]",html:o.confirmTitle}),(0,t.jsx)(m.Button,{loading:l,variant:"primary",size:"lg",className:"mt-[16px] w-full",onClick:a,disabled:p,children:o.confirmButton})]})]})};
 //# sourceMappingURL=CouponInit.js.map

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal/CouponInit.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/creditsRedeemList/RedeemCouponModal/CouponInit.tsx"],
-  "sourcesContent": ["import { Button, Picture, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { numberFormat } from '../../context/utils'\nimport type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'\nimport { NoneProductValue } from '../RedeemProductModal/NonProductValue'\nimport { useCreditsContext } from '../../context/provider'\nimport { useHeadlessContext } from '@anker-in/lib'\n\ntype CouponInitProps = {\n  item: RedeemableItemType\n  copy: RedeemModalCommon\n  loading: boolean\n  disabled: boolean\n  onConfirm: () => void\n}\n\nexport const CouponInit = ({ item, copy, loading, disabled, onConfirm }: CouponInitProps) => {\n  const { pageCommon } = useCreditsContext()\n  const { locale } = useHeadlessContext()\n\n  return (\n    <>\n      <div\n        className={classNames(\n          'max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]'\n        )}\n      >\n        <div className=\"relative mx-auto h-[164px] w-[324px]\">\n          {pageCommon?.imageMapping?.[item.config?.type]?.url && (\n            <Picture source={pageCommon.imageMapping[item.config.type].url} className=\"h-full [&_img]:h-full\" />\n          )}\n          <div className=\"absolute bottom-[8px] left-[16px] font-extrabold text-white\">\n            {item.config.value ? (\n              <NoneProductValue item={item} />\n            ) : (\n              <Text size={3} html={item.alpc?.title} />\n            )}\n          </div>\n        </div>\n        <Text\n          as=\"p\"\n          className={classNames(\n            'mt-[30px] text-center text-[24px] font-bold leading-[1.2] md:mt-[18px] md:text-[20px] md:leading-[1.2]'\n          )}\n        >\n          {numberFormat(item.alpc?.consumeCredits, locale)} {pageCommon?.pointUnit}\n        </Text>\n        {item.config?.rules?.length > 0 && (\n          <div className=\"mt-[18px] w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]\">\n            <div className=\"mb-[4px]\">{pageCommon?.ruleLabel}:</div>\n            <ul className=\"ml-4 grid grid-flow-row gap-[4px]\">\n              {item.config?.rules?.map((text, index) => (\n                <li className=\"list-disc\" key={index}>\n                  <Text html={text} />\n                </li>\n              ))}\n            </ul>\n          </div>\n        )}\n      </div>\n      <div className=\"bg-white px-[48px] pt-[24px] text-center md:px-[16px]\">\n        <Text\n          className=\"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]\"\n          html={copy.confirmTitle}\n        ></Text>\n        <Button\n          loading={loading}\n          variant=\"primary\"\n          size=\"lg\"\n          className=\"mt-[16px] w-full\"\n          onClick={onConfirm}\n          disabled={disabled}\n        >\n          {copy.confirmButton}\n        </Button>\n      </div>\n    </>\n  )\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAqBI,IAAAI,EAAA,6BArBJC,EAAsC,iCACtCC,EAAuB,yBACvBC,EAA6B,+BAE7BC,EAAiC,iDACjCC,EAAkC,kCAClCC,EAAmC,yBAU5B,MAAMR,EAAa,CAAC,CAAE,KAAAS,EAAM,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,UAAAC,CAAU,IAAuB,CAC3F,KAAM,CAAE,WAAAC,CAAW,KAAI,qBAAkB,EACnC,CAAE,OAAAC,CAAO,KAAI,sBAAmB,EAEtC,SACE,oBACE,qBAAC,OACC,aAAW,EAAAC,SACT,8FACF,EAEA,qBAAC,OAAI,UAAU,uCACZ,UAAAF,GAAY,eAAeL,EAAK,QAAQ,IAAI,GAAG,QAC9C,OAAC,WAAQ,OAAQK,EAAW,aAAaL,EAAK,OAAO,IAAI,EAAE,IAAK,UAAU,wBAAwB,KAEpG,OAAC,OAAI,UAAU,8DACZ,SAAAA,EAAK,OAAO,SACX,OAAC,oBAAiB,KAAMA,EAAM,KAE9B,OAAC,QAAK,KAAM,EAAG,KAAMA,EAAK,MAAM,MAAO,EAE3C,GACF,KACA,QAAC,QACC,GAAG,IACH,aAAW,EAAAO,SACT,wGACF,EAEC,6BAAaP,EAAK,MAAM,eAAgBM,CAAM,EAAE,IAAED,GAAY,WACjE,EACCL,EAAK,QAAQ,OAAO,OAAS,MAC5B,QAAC,OAAI,UAAU,kGACb,qBAAC,OAAI,UAAU,WAAY,UAAAK,GAAY,UAAU,KAAC,KAClD,OAAC,MAAG,UAAU,oCACX,SAAAL,EAAK,QAAQ,OAAO,IAAI,CAACQ,EAAMC,OAC9B,OAAC,MAAG,UAAU,YACZ,mBAAC,QAAK,KAAMD,EAAM,GADWC,CAE/B,CACD,EACH,GACF,GAEJ,KACA,QAAC,OAAI,UAAU,wDACb,oBAAC,QACC,UAAU,4EACV,KAAMR,EAAK,aACZ,KACD,OAAC,UACC,QAASC,EACT,QAAQ,UACR,KAAK,KACL,UAAU,mBACV,QAASE,EACT,SAAUD,EAET,SAAAF,EAAK,cACR,GACF,GACF,CAEJ",
+  "sourcesContent": ["import { Button, Picture, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { numberFormat } from '../../context/utils'\nimport type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'\nimport { NoneProductValue } from '../RedeemProductModal/NonProductValue'\nimport { useCreditsContext } from '../../context/provider'\nimport { useHeadlessContext } from '../../../../lib'\n\ntype CouponInitProps = {\n  item: RedeemableItemType\n  copy: RedeemModalCommon\n  loading: boolean\n  disabled: boolean\n  onConfirm: () => void\n}\n\nexport const CouponInit = ({ item, copy, loading, disabled, onConfirm }: CouponInitProps) => {\n  const { pageCommon } = useCreditsContext()\n  const { locale } = useHeadlessContext()\n\n  return (\n    <>\n      <div\n        className={classNames(\n          'max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]'\n        )}\n      >\n        <div className=\"relative mx-auto h-[164px] w-[324px]\">\n          {pageCommon?.imageMapping?.[item.config?.type]?.url && (\n            <Picture source={pageCommon.imageMapping[item.config.type].url} className=\"h-full [&_img]:h-full\" />\n          )}\n          <div className=\"absolute bottom-[8px] left-[16px] font-extrabold text-white\">\n            {item.config.value ? (\n              <NoneProductValue item={item} />\n            ) : (\n              <Text size={3} html={item.alpc?.title} />\n            )}\n          </div>\n        </div>\n        <Text\n          as=\"p\"\n          className={classNames(\n            'mt-[30px] text-center text-[24px] font-bold leading-[1.2] md:mt-[18px] md:text-[20px] md:leading-[1.2]'\n          )}\n        >\n          {numberFormat(item.alpc?.consumeCredits, locale)} {pageCommon?.pointUnit}\n        </Text>\n        {item.config?.rules?.length > 0 && (\n          <div className=\"mt-[18px] w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]\">\n            <div className=\"mb-[4px]\">{pageCommon?.ruleLabel}:</div>\n            <ul className=\"ml-4 grid grid-flow-row gap-[4px]\">\n              {item.config?.rules?.map((text, index) => (\n                <li className=\"list-disc\" key={index}>\n                  <Text html={text} />\n                </li>\n              ))}\n            </ul>\n          </div>\n        )}\n      </div>\n      <div className=\"bg-white px-[48px] pt-[24px] text-center md:px-[16px]\">\n        <Text\n          className=\"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]\"\n          html={copy.confirmTitle}\n        ></Text>\n        <Button\n          loading={loading}\n          variant=\"primary\"\n          size=\"lg\"\n          className=\"mt-[16px] w-full\"\n          onClick={onConfirm}\n          disabled={disabled}\n        >\n          {copy.confirmButton}\n        </Button>\n      </div>\n    </>\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAqBI,IAAAI,EAAA,6BArBJC,EAAsC,iCACtCC,EAAuB,yBACvBC,EAA6B,+BAE7BC,EAAiC,iDACjCC,EAAkC,kCAClCC,EAAmC,2BAU5B,MAAMR,EAAa,CAAC,CAAE,KAAAS,EAAM,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,UAAAC,CAAU,IAAuB,CAC3F,KAAM,CAAE,WAAAC,CAAW,KAAI,qBAAkB,EACnC,CAAE,OAAAC,CAAO,KAAI,sBAAmB,EAEtC,SACE,oBACE,qBAAC,OACC,aAAW,EAAAC,SACT,8FACF,EAEA,qBAAC,OAAI,UAAU,uCACZ,UAAAF,GAAY,eAAeL,EAAK,QAAQ,IAAI,GAAG,QAC9C,OAAC,WAAQ,OAAQK,EAAW,aAAaL,EAAK,OAAO,IAAI,EAAE,IAAK,UAAU,wBAAwB,KAEpG,OAAC,OAAI,UAAU,8DACZ,SAAAA,EAAK,OAAO,SACX,OAAC,oBAAiB,KAAMA,EAAM,KAE9B,OAAC,QAAK,KAAM,EAAG,KAAMA,EAAK,MAAM,MAAO,EAE3C,GACF,KACA,QAAC,QACC,GAAG,IACH,aAAW,EAAAO,SACT,wGACF,EAEC,6BAAaP,EAAK,MAAM,eAAgBM,CAAM,EAAE,IAAED,GAAY,WACjE,EACCL,EAAK,QAAQ,OAAO,OAAS,MAC5B,QAAC,OAAI,UAAU,kGACb,qBAAC,OAAI,UAAU,WAAY,UAAAK,GAAY,UAAU,KAAC,KAClD,OAAC,MAAG,UAAU,oCACX,SAAAL,EAAK,QAAQ,OAAO,IAAI,CAACQ,EAAMC,OAC9B,OAAC,MAAG,UAAU,YACZ,mBAAC,QAAK,KAAMD,EAAM,GADWC,CAE/B,CACD,EACH,GACF,GAEJ,KACA,QAAC,OAAI,UAAU,wDACb,oBAAC,QACC,UAAU,4EACV,KAAMR,EAAK,aACZ,KACD,OAAC,UACC,QAASC,EACT,QAAQ,UACR,KAAK,KACL,UAAU,mBACV,QAASE,EACT,SAAUD,EAET,SAAAF,EAAK,cACR,GACF,GACF,CAEJ",
   "names": ["CouponInit_exports", "__export", "CouponInit", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_classnames", "import_utils", "import_NonProductValue", "import_provider", "import_lib", "item", "copy", "loading", "disabled", "onConfirm", "pageCommon", "locale", "classNames", "text", "index"]
 }

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal/CouponSuccess.d.ts CHANGED Viewed

@@ -6,5 +6,5 @@ type CouponSuccessProps = {
     disabled: boolean;
     onClose: () => void;
 };
-export declare const CouponSuccess: ({ item, copy, couponCode, disabled, onClose }: CouponSuccessProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CouponSuccess: ({ item, copy, couponCode, disabled, onClose }: CouponSuccessProps) => import("react").JSX.Element;
 export {};

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal/CouponSuccess.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var N=Object.create;var i=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var D=(e,o)=>{for(var s in o)i(e,s,{get:o[s],enumerable:!0})},x=(e,o,s,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of h(o))!T.call(e,l)&&l!==s&&i(e,l,{get:()=>o[l],enumerable:!(a=C(o,l))||a.enumerable});return e};var r=(e,o,s)=>(s=e!=null?N(w(e)):{},x(o||!e||!e.__esModule?i(s,"default",{value:e,enumerable:!0}):s,e)),R=e=>x(i({},"__esModule",{value:!0}),e);var B={};D(B,{CouponSuccess:()=>k});module.exports=R(B);var t=require("react/jsx-runtime"),p=require("@anker-in/headless-ui"),c=r(require("classnames")),u=r(require("../../context/hooks/useCopy")),f=require("../../context/provider"),v=require("@anker-in/lib"),b=require("../RedeemProductModal/NonProductValue");const k=({item:e,copy:o,couponCode:s,disabled:a,onClose:l})=>{const{locale:g}=(0,v.useHeadlessContext)(),{pageCommon:m}=(0,f.useCreditsContext)(),{copy:y,copied:d}=(0,u.default)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:(0,c.default)("max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:[(0,t.jsxs)("div",{className:"relative mx-auto h-[164px] w-[324px]",children:[m?.imageMapping?.[e.config?.type]?.url&&(0,t.jsx)(p.Picture,{source:m.imageMapping[e.config.type].url,className:"h-full [&_img]:h-full"}),(0,t.jsx)("div",{className:"absolute bottom-[8px] left-[16px] font-extrabold text-white",children:e.config.value?(0,t.jsx)(b.NoneProductValue,{item:e}):(0,t.jsx)(p.Text,{size:3,html:e.alpc?.title})})]}),(0,t.jsxs)("div",{className:"mt-[30px] flex items-center justify-center md:mt-[18px]",children:[(0,t.jsx)("div",{className:"mr-[10px] text-[24px] font-bold leading-[1.4] md:leading-[1.2]",children:s}),(0,t.jsx)("div",{className:(0,c.default)("cursor-pointer text-[16px] font-bold leading-[1.2] underline md:text-[14px]",d?"pointer-events-none":"pointer-events-auto"),onClick:()=>y(s),role:"button",tabIndex:0,onKeyDown:n=>{(n.key==="Enter"||n.key===" ")&&n.preventDefault()},children:d?m?.copied:m?.copy})]})]}),(0,t.jsxs)("div",{className:"bg-white px-[48px] pt-[24px] text-center md:px-[16px]",children:[(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)(p.Text,{className:"mb-[4px] text-[24px] font-bold leading-[1.2] md:text-[20px]",html:o.coupon.successTitle}),(0,t.jsx)(p.Text,{className:"text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:text-[14px]",html:o.coupon.successDesc})]}),(0,t.jsx)(p.Button,{variant:"primary",size:"lg",className:"mt-[16px] w-full",onClick:()=>{window.location.href=o.coupon.successButtonUrl||`/${g}`,l()},disabled:a,children:o.coupon.successButton})]})]})};
+"use strict";var N=Object.create;var i=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var D=(e,o)=>{for(var s in o)i(e,s,{get:o[s],enumerable:!0})},x=(e,o,s,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of h(o))!T.call(e,l)&&l!==s&&i(e,l,{get:()=>o[l],enumerable:!(a=C(o,l))||a.enumerable});return e};var r=(e,o,s)=>(s=e!=null?N(w(e)):{},x(o||!e||!e.__esModule?i(s,"default",{value:e,enumerable:!0}):s,e)),R=e=>x(i({},"__esModule",{value:!0}),e);var B={};D(B,{CouponSuccess:()=>k});module.exports=R(B);var t=require("react/jsx-runtime"),p=require("@anker-in/headless-ui"),c=r(require("classnames")),u=r(require("../../context/hooks/useCopy")),f=require("../../context/provider"),v=require("../../../../lib"),b=require("../RedeemProductModal/NonProductValue");const k=({item:e,copy:o,couponCode:s,disabled:a,onClose:l})=>{const{locale:g}=(0,v.useHeadlessContext)(),{pageCommon:m}=(0,f.useCreditsContext)(),{copy:y,copied:d}=(0,u.default)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:(0,c.default)("max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:[(0,t.jsxs)("div",{className:"relative mx-auto h-[164px] w-[324px]",children:[m?.imageMapping?.[e.config?.type]?.url&&(0,t.jsx)(p.Picture,{source:m.imageMapping[e.config.type].url,className:"h-full [&_img]:h-full"}),(0,t.jsx)("div",{className:"absolute bottom-[8px] left-[16px] font-extrabold text-white",children:e.config.value?(0,t.jsx)(b.NoneProductValue,{item:e}):(0,t.jsx)(p.Text,{size:3,html:e.alpc?.title})})]}),(0,t.jsxs)("div",{className:"mt-[30px] flex items-center justify-center md:mt-[18px]",children:[(0,t.jsx)("div",{className:"mr-[10px] text-[24px] font-bold leading-[1.4] md:leading-[1.2]",children:s}),(0,t.jsx)("div",{className:(0,c.default)("cursor-pointer text-[16px] font-bold leading-[1.2] underline md:text-[14px]",d?"pointer-events-none":"pointer-events-auto"),onClick:()=>y(s),role:"button",tabIndex:0,onKeyDown:n=>{(n.key==="Enter"||n.key===" ")&&n.preventDefault()},children:d?m?.copied:m?.copy})]})]}),(0,t.jsxs)("div",{className:"bg-white px-[48px] pt-[24px] text-center md:px-[16px]",children:[(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)(p.Text,{className:"mb-[4px] text-[24px] font-bold leading-[1.2] md:text-[20px]",html:o.coupon.successTitle}),(0,t.jsx)(p.Text,{className:"text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:text-[14px]",html:o.coupon.successDesc})]}),(0,t.jsx)(p.Button,{variant:"primary",size:"lg",className:"mt-[16px] w-full",onClick:()=>{window.location.href=o.coupon.successButtonUrl||`/${g}`,l()},disabled:a,children:o.coupon.successButton})]})]})};
 //# sourceMappingURL=CouponSuccess.js.map

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal/CouponSuccess.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/creditsRedeemList/RedeemCouponModal/CouponSuccess.tsx"],
-  "sourcesContent": ["import { Button, Picture, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport useCopy from '../../context/hooks/useCopy'\nimport { useCreditsContext } from '../../context/provider'\nimport { useHeadlessContext } from '@anker-in/lib'\nimport type { RedeemModalCommon, RedeemableItem as RedeemableItemType } from '../../type'\nimport { NoneProductValue } from '../RedeemProductModal/NonProductValue'\n\ntype CouponSuccessProps = {\n  item: RedeemableItemType\n  copy: RedeemModalCommon\n  couponCode: string\n  disabled: boolean\n  onClose: () => void\n}\n\nexport const CouponSuccess = ({ item, copy, couponCode, disabled, onClose }: CouponSuccessProps) => {\n  const { locale } = useHeadlessContext()\n  const { pageCommon } = useCreditsContext()\n  const { copy: copyText, copied: copiedStatus } = useCopy()\n  return (\n    <>\n      <div\n        className={classNames(\n          'max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]'\n        )}\n      >\n        <div className=\"relative mx-auto h-[164px] w-[324px]\">\n          {pageCommon?.imageMapping?.[item.config?.type]?.url && (\n            <Picture source={pageCommon.imageMapping[item.config.type].url} className=\"h-full [&_img]:h-full\" />\n          )}\n          <div className=\"absolute bottom-[8px] left-[16px] font-extrabold text-white\">\n            {item.config.value ? (\n              <NoneProductValue item={item} />\n            ) : (\n              <Text size={3} html={item.alpc?.title} />\n            )}\n          </div>\n        </div>\n        <div className=\"mt-[30px] flex items-center justify-center md:mt-[18px]\">\n          <div className=\"mr-[10px] text-[24px] font-bold leading-[1.4] md:leading-[1.2]\">{couponCode}</div>\n          <div\n            className={classNames(\n              'cursor-pointer text-[16px] font-bold leading-[1.2] underline md:text-[14px]',\n              copiedStatus ? 'pointer-events-none' : 'pointer-events-auto'\n            )}\n            onClick={() => copyText(couponCode)}\n            role=\"button\"\n            tabIndex={0}\n            onKeyDown={e => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n              }\n            }}\n          >\n            {copiedStatus ? pageCommon?.copied : pageCommon?.copy}\n          </div>\n        </div>\n      </div>\n      <div className=\"bg-white px-[48px] pt-[24px] text-center md:px-[16px]\">\n        <div className=\"flex flex-col\">\n          <Text\n            className=\"mb-[4px] text-[24px] font-bold leading-[1.2] md:text-[20px]\"\n            html={copy.coupon.successTitle}\n          ></Text>\n          <Text\n            className=\"text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:text-[14px]\"\n            html={copy.coupon.successDesc}\n          ></Text>\n        </div>\n        <Button\n          variant=\"primary\"\n          size=\"lg\"\n          className=\"mt-[16px] w-full\"\n          onClick={() => {\n            window.location.href = copy.coupon.successButtonUrl || `/${locale}`\n            onClose()\n          }}\n          disabled={disabled}\n        >\n          {copy.coupon.successButton}\n        </Button>\n      </div>\n    </>\n  )\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAqBI,IAAAI,EAAA,6BArBJC,EAAsC,iCACtCC,EAAuB,yBACvBC,EAAoB,0CACpBC,EAAkC,kCAClCC,EAAmC,yBAEnCC,EAAiC,iDAU1B,MAAMR,EAAgB,CAAC,CAAE,KAAAS,EAAM,KAAAC,EAAM,WAAAC,EAAY,SAAAC,EAAU,QAAAC,CAAQ,IAA0B,CAClG,KAAM,CAAE,OAAAC,CAAO,KAAI,sBAAmB,EAChC,CAAE,WAAAC,CAAW,KAAI,qBAAkB,EACnC,CAAE,KAAMC,EAAU,OAAQC,CAAa,KAAI,EAAAC,SAAQ,EACzD,SACE,oBACE,qBAAC,OACC,aAAW,EAAAC,SACT,8FACF,EAEA,qBAAC,OAAI,UAAU,uCACZ,UAAAJ,GAAY,eAAeN,EAAK,QAAQ,IAAI,GAAG,QAC9C,OAAC,WAAQ,OAAQM,EAAW,aAAaN,EAAK,OAAO,IAAI,EAAE,IAAK,UAAU,wBAAwB,KAEpG,OAAC,OAAI,UAAU,8DACZ,SAAAA,EAAK,OAAO,SACX,OAAC,oBAAiB,KAAMA,EAAM,KAE9B,OAAC,QAAK,KAAM,EAAG,KAAMA,EAAK,MAAM,MAAO,EAE3C,GACF,KACA,QAAC,OAAI,UAAU,0DACb,oBAAC,OAAI,UAAU,iEAAkE,SAAAE,EAAW,KAC5F,OAAC,OACC,aAAW,EAAAQ,SACT,8EACAF,EAAe,sBAAwB,qBACzC,EACA,QAAS,IAAMD,EAASL,CAAU,EAClC,KAAK,SACL,SAAU,EACV,UAAWS,GAAK,EACVA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,MACjCA,EAAE,eAAe,CAErB,EAEC,SAAAH,EAAeF,GAAY,OAASA,GAAY,KACnD,GACF,GACF,KACA,QAAC,OAAI,UAAU,wDACb,qBAAC,OAAI,UAAU,gBACb,oBAAC,QACC,UAAU,8DACV,KAAML,EAAK,OAAO,aACnB,KACD,OAAC,QACC,UAAU,oEACV,KAAMA,EAAK,OAAO,YACnB,GACH,KACA,OAAC,UACC,QAAQ,UACR,KAAK,KACL,UAAU,mBACV,QAAS,IAAM,CACb,OAAO,SAAS,KAAOA,EAAK,OAAO,kBAAoB,IAAII,CAAM,GACjED,EAAQ,CACV,EACA,SAAUD,EAET,SAAAF,EAAK,OAAO,cACf,GACF,GACF,CAEJ",
+  "sourcesContent": ["import { Button, Picture, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport useCopy from '../../context/hooks/useCopy'\nimport { useCreditsContext } from '../../context/provider'\nimport { useHeadlessContext } from '../../../../lib'\nimport type { RedeemModalCommon, RedeemableItem as RedeemableItemType } from '../../type'\nimport { NoneProductValue } from '../RedeemProductModal/NonProductValue'\n\ntype CouponSuccessProps = {\n  item: RedeemableItemType\n  copy: RedeemModalCommon\n  couponCode: string\n  disabled: boolean\n  onClose: () => void\n}\n\nexport const CouponSuccess = ({ item, copy, couponCode, disabled, onClose }: CouponSuccessProps) => {\n  const { locale } = useHeadlessContext()\n  const { pageCommon } = useCreditsContext()\n  const { copy: copyText, copied: copiedStatus } = useCopy()\n  return (\n    <>\n      <div\n        className={classNames(\n          'max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]'\n        )}\n      >\n        <div className=\"relative mx-auto h-[164px] w-[324px]\">\n          {pageCommon?.imageMapping?.[item.config?.type]?.url && (\n            <Picture source={pageCommon.imageMapping[item.config.type].url} className=\"h-full [&_img]:h-full\" />\n          )}\n          <div className=\"absolute bottom-[8px] left-[16px] font-extrabold text-white\">\n            {item.config.value ? (\n              <NoneProductValue item={item} />\n            ) : (\n              <Text size={3} html={item.alpc?.title} />\n            )}\n          </div>\n        </div>\n        <div className=\"mt-[30px] flex items-center justify-center md:mt-[18px]\">\n          <div className=\"mr-[10px] text-[24px] font-bold leading-[1.4] md:leading-[1.2]\">{couponCode}</div>\n          <div\n            className={classNames(\n              'cursor-pointer text-[16px] font-bold leading-[1.2] underline md:text-[14px]',\n              copiedStatus ? 'pointer-events-none' : 'pointer-events-auto'\n            )}\n            onClick={() => copyText(couponCode)}\n            role=\"button\"\n            tabIndex={0}\n            onKeyDown={e => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n              }\n            }}\n          >\n            {copiedStatus ? pageCommon?.copied : pageCommon?.copy}\n          </div>\n        </div>\n      </div>\n      <div className=\"bg-white px-[48px] pt-[24px] text-center md:px-[16px]\">\n        <div className=\"flex flex-col\">\n          <Text\n            className=\"mb-[4px] text-[24px] font-bold leading-[1.2] md:text-[20px]\"\n            html={copy.coupon.successTitle}\n          ></Text>\n          <Text\n            className=\"text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:text-[14px]\"\n            html={copy.coupon.successDesc}\n          ></Text>\n        </div>\n        <Button\n          variant=\"primary\"\n          size=\"lg\"\n          className=\"mt-[16px] w-full\"\n          onClick={() => {\n            window.location.href = copy.coupon.successButtonUrl || `/${locale}`\n            onClose()\n          }}\n          disabled={disabled}\n        >\n          {copy.coupon.successButton}\n        </Button>\n      </div>\n    </>\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAqBI,IAAAI,EAAA,6BArBJC,EAAsC,iCACtCC,EAAuB,yBACvBC,EAAoB,0CACpBC,EAAkC,kCAClCC,EAAmC,2BAEnCC,EAAiC,iDAU1B,MAAMR,EAAgB,CAAC,CAAE,KAAAS,EAAM,KAAAC,EAAM,WAAAC,EAAY,SAAAC,EAAU,QAAAC,CAAQ,IAA0B,CAClG,KAAM,CAAE,OAAAC,CAAO,KAAI,sBAAmB,EAChC,CAAE,WAAAC,CAAW,KAAI,qBAAkB,EACnC,CAAE,KAAMC,EAAU,OAAQC,CAAa,KAAI,EAAAC,SAAQ,EACzD,SACE,oBACE,qBAAC,OACC,aAAW,EAAAC,SACT,8FACF,EAEA,qBAAC,OAAI,UAAU,uCACZ,UAAAJ,GAAY,eAAeN,EAAK,QAAQ,IAAI,GAAG,QAC9C,OAAC,WAAQ,OAAQM,EAAW,aAAaN,EAAK,OAAO,IAAI,EAAE,IAAK,UAAU,wBAAwB,KAEpG,OAAC,OAAI,UAAU,8DACZ,SAAAA,EAAK,OAAO,SACX,OAAC,oBAAiB,KAAMA,EAAM,KAE9B,OAAC,QAAK,KAAM,EAAG,KAAMA,EAAK,MAAM,MAAO,EAE3C,GACF,KACA,QAAC,OAAI,UAAU,0DACb,oBAAC,OAAI,UAAU,iEAAkE,SAAAE,EAAW,KAC5F,OAAC,OACC,aAAW,EAAAQ,SACT,8EACAF,EAAe,sBAAwB,qBACzC,EACA,QAAS,IAAMD,EAASL,CAAU,EAClC,KAAK,SACL,SAAU,EACV,UAAWS,GAAK,EACVA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,MACjCA,EAAE,eAAe,CAErB,EAEC,SAAAH,EAAeF,GAAY,OAASA,GAAY,KACnD,GACF,GACF,KACA,QAAC,OAAI,UAAU,wDACb,qBAAC,OAAI,UAAU,gBACb,oBAAC,QACC,UAAU,8DACV,KAAML,EAAK,OAAO,aACnB,KACD,OAAC,QACC,UAAU,oEACV,KAAMA,EAAK,OAAO,YACnB,GACH,KACA,OAAC,UACC,QAAQ,UACR,KAAK,KACL,UAAU,mBACV,QAAS,IAAM,CACb,OAAO,SAAS,KAAOA,EAAK,OAAO,kBAAoB,IAAII,CAAM,GACjED,EAAQ,CACV,EACA,SAAUD,EAET,SAAAF,EAAK,OAAO,cACf,GACF,GACF,CAEJ",
   "names": ["CouponSuccess_exports", "__export", "CouponSuccess", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_classnames", "import_useCopy", "import_provider", "import_lib", "import_NonProductValue", "item", "copy", "couponCode", "disabled", "onClose", "locale", "pageCommon", "copyText", "copiedStatus", "useCopy", "classNames", "e"]
 }

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ declare function RedeemCouponModal({ item, copy, onError, ...props }: Omit<Modal
     item: RedeemableItemType;
     copy: RedeemModalCommon;
     onError: (code: number) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export default RedeemCouponModal;

package/dist/cjs/components/credits/creditsRedeemList/RedeemProductModal/Address.d.ts CHANGED Viewed

@@ -15,5 +15,5 @@ type AddressProps = {
     handlePayment: () => void;
     shippingProduct: string;
 };
-export declare const Address: ({ copy, shippingAddress, setAddress, validateAddress, validateErrors, shippingProduct, loading, address, disabled, handlePayment, item, }: AddressProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Address: ({ copy, shippingAddress, setAddress, validateAddress, validateErrors, shippingProduct, loading, address, disabled, handlePayment, item, }: AddressProps) => import("react").JSX.Element;
 export {};

package/dist/cjs/components/credits/creditsRedeemList/RedeemProductModal/Address.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var D=Object.create;var a=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var k=(e,o)=>{for(var d in o)a(e,d,{get:o[d],enumerable:!0})},p=(e,o,d,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of B(o))!P.call(e,s)&&s!==d&&a(e,s,{get:()=>o[s],enumerable:!(m=T(o,s))||m.enumerable});return e};var l=(e,o,d)=>(d=e!=null?D(I(e)):{},p(o||!e||!e.__esModule?a(d,"default",{value:e,enumerable:!0}):d,e)),L=e=>p(a({},"__esModule",{value:!0}),e);var E={};k(E,{Address:()=>S});module.exports=L(E);var t=require("react/jsx-runtime"),r=require("@anker-in/headless-ui"),i=l(require("classnames")),x=require("../AddressForm"),c=require("@anker-in/lib"),u=require("./ProductInfo"),f=l(require("../../context/hooks/useShippingCountries")),v=require("../../../../constants");const S=({copy:e,shippingAddress:o,setAddress:d,validateAddress:m,validateErrors:s,shippingProduct:n,loading:b,address:g,disabled:y,handlePayment:N,item:R})=>{const{storeDomain:h,brand:A}=(0,c.useHeadlessContext)(),F=v.ROUNDED_BRANDS.includes(A),{countries:C=[],isLoading:w}=(0,f.default)({shopifyStoreDomain:h});return(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("div",{className:(0,i.default)("max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:(0,t.jsxs)("div",{children:[o&&(0,t.jsx)(r.Text,{className:"mb-5 text-[16px] font-bold",html:o}),e?.product?.addressForm&&(0,t.jsx)(x.AddressForm,{onChange:d,validate:m,errors:s,form:e.product.addressForm,countries:C,countriesLoading:w})]})}),(0,t.jsxs)("div",{className:"sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]",children:[(0,t.jsxs)("div",{className:(0,i.default)("flex w-full items-center bg-[#F5F5F7] p-[16px]",!F&&"rounded-none"),children:[n&&(0,t.jsx)(r.Text,{className:"mb-5 text-[16px] font-bold",html:n}),(0,t.jsx)(u.ProductInfo,{item:R,copy:e})]}),(0,t.jsx)(r.Button,{loading:b||!g,variant:"primary",className:"mx-auto mt-[16px] w-[444px] md:mt-[12px] md:w-full",onClick:N,disabled:y,children:e.product.paymentButton})]})]})};
+"use strict";var D=Object.create;var a=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var k=(e,o)=>{for(var d in o)a(e,d,{get:o[d],enumerable:!0})},p=(e,o,d,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of B(o))!P.call(e,s)&&s!==d&&a(e,s,{get:()=>o[s],enumerable:!(m=T(o,s))||m.enumerable});return e};var l=(e,o,d)=>(d=e!=null?D(I(e)):{},p(o||!e||!e.__esModule?a(d,"default",{value:e,enumerable:!0}):d,e)),L=e=>p(a({},"__esModule",{value:!0}),e);var E={};k(E,{Address:()=>S});module.exports=L(E);var t=require("react/jsx-runtime"),r=require("@anker-in/headless-ui"),i=l(require("classnames")),x=require("../AddressForm"),c=require("../../../../lib"),u=require("./ProductInfo"),f=l(require("../../context/hooks/useShippingCountries")),v=require("../../../../constants");const S=({copy:e,shippingAddress:o,setAddress:d,validateAddress:m,validateErrors:s,shippingProduct:n,loading:b,address:g,disabled:y,handlePayment:N,item:R})=>{const{storeDomain:h,brand:A}=(0,c.useHeadlessContext)(),F=v.ROUNDED_BRANDS.includes(A),{countries:C=[],isLoading:w}=(0,f.default)({shopifyStoreDomain:h});return(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("div",{className:(0,i.default)("max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:(0,t.jsxs)("div",{children:[o&&(0,t.jsx)(r.Text,{className:"mb-5 text-[16px] font-bold",html:o}),e?.product?.addressForm&&(0,t.jsx)(x.AddressForm,{onChange:d,validate:m,errors:s,form:e.product.addressForm,countries:C,countriesLoading:w})]})}),(0,t.jsxs)("div",{className:"sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]",children:[(0,t.jsxs)("div",{className:(0,i.default)("flex w-full items-center bg-[#F5F5F7] p-[16px]",!F&&"rounded-none"),children:[n&&(0,t.jsx)(r.Text,{className:"mb-5 text-[16px] font-bold",html:n}),(0,t.jsx)(u.ProductInfo,{item:R,copy:e})]}),(0,t.jsx)(r.Button,{loading:b||!g,variant:"primary",className:"mx-auto mt-[16px] w-[444px] md:mt-[12px] md:w-full",onClick:N,disabled:y,children:e.product.paymentButton})]})]})};
 //# sourceMappingURL=Address.js.map

package/dist/cjs/components/credits/creditsRedeemList/RedeemProductModal/Address.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/creditsRedeemList/RedeemProductModal/Address.tsx"],
-  "sourcesContent": ["import { Button, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { AddressForm } from '../AddressForm'\nimport { useHeadlessContext } from '@anker-in/lib'\nimport type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'\nimport { ProductInfo } from './ProductInfo'\nimport useShippingCountries from '../../context/hooks/useShippingCountries'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype AddressProps = {\n  copy: RedeemModalCommon\n  shippingAddress: string\n  setAddress: (address: Record<string, any>) => void\n  validateAddress: (address: Record<string, any>) => boolean\n  validateErrors: { key: string; message: string }[]\n  item: RedeemableItemType\n  loading: boolean\n  address: Record<string, any> | undefined\n  disabled: boolean\n  handlePayment: () => void\n  shippingProduct: string\n}\n\nexport const Address = ({\n  copy,\n  shippingAddress,\n  setAddress,\n  validateAddress,\n  validateErrors,\n  shippingProduct,\n  loading,\n  address,\n  disabled,\n  handlePayment,\n  item,\n}: AddressProps) => {\n  const { storeDomain, brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const { countries = [], isLoading: countriesLoading } = useShippingCountries({ shopifyStoreDomain: storeDomain })\n\n  return (\n    <div className=\"relative\">\n      <div className={classNames('max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]')}>\n        <div>\n          {shippingAddress && <Text className=\"mb-5 text-[16px] font-bold\" html={shippingAddress}></Text>}\n          {copy?.product?.addressForm && (\n            <AddressForm\n              onChange={setAddress}\n              validate={validateAddress}\n              errors={validateErrors}\n              form={copy.product.addressForm}\n              countries={countries}\n              countriesLoading={countriesLoading}\n            ></AddressForm>\n          )}\n        </div>\n      </div>\n      <div className=\"sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]\">\n        <div className={classNames('flex w-full items-center bg-[#F5F5F7] p-[16px]', !rounded && 'rounded-none')}>\n          {shippingProduct && <Text className=\"mb-5 text-[16px] font-bold\" html={shippingProduct}></Text>}\n          <ProductInfo item={item} copy={copy} />\n        </div>\n        <Button\n          loading={loading || !address}\n          variant=\"primary\"\n          className=\"mx-auto mt-[16px] w-[444px] md:mt-[12px] md:w-full\"\n          onClick={handlePayment}\n          disabled={disabled}\n        >\n          {copy.product.paymentButton}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA2CQ,IAAAI,EAAA,6BA3CRC,EAA6B,iCAC7BC,EAAuB,yBACvBC,EAA4B,0BAC5BC,EAAmC,yBAEnCC,EAA4B,yBAC5BC,EAAiC,uDACjCC,EAA+B,iCAgBxB,MAAMT,EAAU,CAAC,CACtB,KAAAU,EACA,gBAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EACA,KAAAC,CACF,IAAoB,CAClB,KAAM,CAAE,YAAAC,EAAa,MAAAC,CAAM,KAAI,sBAAmB,EAC5CC,EAAU,iBAAe,SAASD,CAAK,EACvC,CAAE,UAAAE,EAAY,CAAC,EAAG,UAAWC,CAAiB,KAAI,EAAAC,SAAqB,CAAE,mBAAoBL,CAAY,CAAC,EAEhH,SACE,QAAC,OAAI,UAAU,WACb,oBAAC,OAAI,aAAW,EAAAM,SAAW,iFAAiF,EAC1G,oBAAC,OACE,UAAAhB,MAAmB,OAAC,QAAK,UAAU,6BAA6B,KAAMA,EAAiB,EACvFD,GAAM,SAAS,gBACd,OAAC,eACC,SAAUE,EACV,SAAUC,EACV,OAAQC,EACR,KAAMJ,EAAK,QAAQ,YACnB,UAAWc,EACX,iBAAkBC,EACnB,GAEL,EACF,KACA,QAAC,OAAI,UAAU,qGACb,qBAAC,OAAI,aAAW,EAAAE,SAAW,iDAAkD,CAACJ,GAAW,cAAc,EACpG,UAAAR,MAAmB,OAAC,QAAK,UAAU,6BAA6B,KAAMA,EAAiB,KACxF,OAAC,eAAY,KAAMK,EAAM,KAAMV,EAAM,GACvC,KACA,OAAC,UACC,QAASM,GAAW,CAACC,EACrB,QAAQ,UACR,UAAU,qDACV,QAASE,EACT,SAAUD,EAET,SAAAR,EAAK,QAAQ,cAChB,GACF,GACF,CAEJ",
+  "sourcesContent": ["import { Button, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { AddressForm } from '../AddressForm'\nimport { useHeadlessContext } from '../../../../lib'\nimport type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'\nimport { ProductInfo } from './ProductInfo'\nimport useShippingCountries from '../../context/hooks/useShippingCountries'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype AddressProps = {\n  copy: RedeemModalCommon\n  shippingAddress: string\n  setAddress: (address: Record<string, any>) => void\n  validateAddress: (address: Record<string, any>) => boolean\n  validateErrors: { key: string; message: string }[]\n  item: RedeemableItemType\n  loading: boolean\n  address: Record<string, any> | undefined\n  disabled: boolean\n  handlePayment: () => void\n  shippingProduct: string\n}\n\nexport const Address = ({\n  copy,\n  shippingAddress,\n  setAddress,\n  validateAddress,\n  validateErrors,\n  shippingProduct,\n  loading,\n  address,\n  disabled,\n  handlePayment,\n  item,\n}: AddressProps) => {\n  const { storeDomain, brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const { countries = [], isLoading: countriesLoading } = useShippingCountries({ shopifyStoreDomain: storeDomain })\n\n  return (\n    <div className=\"relative\">\n      <div className={classNames('max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]')}>\n        <div>\n          {shippingAddress && <Text className=\"mb-5 text-[16px] font-bold\" html={shippingAddress}></Text>}\n          {copy?.product?.addressForm && (\n            <AddressForm\n              onChange={setAddress}\n              validate={validateAddress}\n              errors={validateErrors}\n              form={copy.product.addressForm}\n              countries={countries}\n              countriesLoading={countriesLoading}\n            ></AddressForm>\n          )}\n        </div>\n      </div>\n      <div className=\"sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]\">\n        <div className={classNames('flex w-full items-center bg-[#F5F5F7] p-[16px]', !rounded && 'rounded-none')}>\n          {shippingProduct && <Text className=\"mb-5 text-[16px] font-bold\" html={shippingProduct}></Text>}\n          <ProductInfo item={item} copy={copy} />\n        </div>\n        <Button\n          loading={loading || !address}\n          variant=\"primary\"\n          className=\"mx-auto mt-[16px] w-[444px] md:mt-[12px] md:w-full\"\n          onClick={handlePayment}\n          disabled={disabled}\n        >\n          {copy.product.paymentButton}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA2CQ,IAAAI,EAAA,6BA3CRC,EAA6B,iCAC7BC,EAAuB,yBACvBC,EAA4B,0BAC5BC,EAAmC,2BAEnCC,EAA4B,yBAC5BC,EAAiC,uDACjCC,EAA+B,iCAgBxB,MAAMT,EAAU,CAAC,CACtB,KAAAU,EACA,gBAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EACA,KAAAC,CACF,IAAoB,CAClB,KAAM,CAAE,YAAAC,EAAa,MAAAC,CAAM,KAAI,sBAAmB,EAC5CC,EAAU,iBAAe,SAASD,CAAK,EACvC,CAAE,UAAAE,EAAY,CAAC,EAAG,UAAWC,CAAiB,KAAI,EAAAC,SAAqB,CAAE,mBAAoBL,CAAY,CAAC,EAEhH,SACE,QAAC,OAAI,UAAU,WACb,oBAAC,OAAI,aAAW,EAAAM,SAAW,iFAAiF,EAC1G,oBAAC,OACE,UAAAhB,MAAmB,OAAC,QAAK,UAAU,6BAA6B,KAAMA,EAAiB,EACvFD,GAAM,SAAS,gBACd,OAAC,eACC,SAAUE,EACV,SAAUC,EACV,OAAQC,EACR,KAAMJ,EAAK,QAAQ,YACnB,UAAWc,EACX,iBAAkBC,EACnB,GAEL,EACF,KACA,QAAC,OAAI,UAAU,qGACb,qBAAC,OAAI,aAAW,EAAAE,SAAW,iDAAkD,CAACJ,GAAW,cAAc,EACpG,UAAAR,MAAmB,OAAC,QAAK,UAAU,6BAA6B,KAAMA,EAAiB,KACxF,OAAC,eAAY,KAAMK,EAAM,KAAMV,EAAM,GACvC,KACA,OAAC,UACC,QAASM,GAAW,CAACC,EACrB,QAAQ,UACR,UAAU,qDACV,QAASE,EACT,SAAUD,EAET,SAAAR,EAAK,QAAQ,cAChB,GACF,GACF,CAEJ",
   "names": ["Address_exports", "__export", "Address", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_classnames", "import_AddressForm", "import_lib", "import_ProductInfo", "import_useShippingCountries", "import_constants", "copy", "shippingAddress", "setAddress", "validateAddress", "validateErrors", "shippingProduct", "loading", "address", "disabled", "handlePayment", "item", "storeDomain", "brand", "rounded", "countries", "countriesLoading", "useShippingCountries", "classNames"]
 }

package/dist/cjs/components/credits/creditsRedeemList/RedeemProductModal/Error.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ type ErrorProps = {
         message: string;
     };
 };
-export declare const Error: ({ errorInfo }: ErrorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Error: ({ errorInfo }: ErrorProps) => import("react").JSX.Element;
 export {};

package/dist/cjs/components/credits/creditsRedeemList/RedeemProductModal/Init.d.ts CHANGED Viewed

@@ -6,5 +6,5 @@ type InitProps = {
     disabled: boolean;
     setStatus: (status: 'address' | 'init' | 'success' | 'error') => void;
 };
-export declare const Init: ({ copy, item, loading, disabled, setStatus }: InitProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Init: ({ copy, item, loading, disabled, setStatus }: InitProps) => import("react").JSX.Element;
 export {};

package/dist/cjs/components/credits/creditsRedeemList/RedeemProductModal/Init.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var w=Object.create;var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var F=(o,t)=>{for(var s in t)p(o,s,{get:t[s],enumerable:!0})},u=(o,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let m of C(t))!T.call(o,m)&&m!==s&&p(o,m,{get:()=>t[m],enumerable:!(i=y(t,m))||i.enumerable});return o};var I=(o,t,s)=>(s=o!=null?w(P(o)):{},u(t||!o||!o.__esModule?p(s,"default",{value:o,enumerable:!0}):s,o)),R=o=>u(p({},"__esModule",{value:!0}),o);var M={};F(M,{Init:()=>k});module.exports=R(M);var e=require("react/jsx-runtime"),l=require("@anker-in/headless-ui"),r=I(require("classnames")),x=require("react"),f=require("../../context/utils"),g=require("../../context/const"),v=require("./NonProductValue"),b=require("../../context/provider"),N=require("@anker-in/lib");const k=({copy:o,item:t,loading:s,disabled:i,setStatus:m})=>{const{pageCommon:n}=(0,b.useCreditsContext)(),{locale:h}=(0,N.useHeadlessContext)(),c=(0,x.useMemo)(()=>t.config.rules?.length?t.config.rules:[...t.config.desc?.split("<br>")||[],...o.product.rules||[]],[t.config.rules,t.config.desc,o.product.rules]);return(0,e.jsxs)("div",{className:"flex flex-col",children:[(0,e.jsx)("div",{className:(0,r.default)("max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:"relative mx-auto h-[164px] w-fit",children:[(0,e.jsx)(l.Picture,{source:t.config?.type===g.ConsumeType.Product?t.product?.images[0]?.url:n?.imageMapping?.[t.config.type]?.url||t.config.image?.url,className:"h-full w-auto [&_img]:h-full [&_img]:w-auto [&_img]:object-contain"}),(0,e.jsx)("div",{className:"absolute bottom-[8px] left-[16px] font-extrabold text-white",children:t.config.value&&(0,e.jsx)(v.NoneProductValue,{item:t})})]}),(0,e.jsxs)("div",{className:"mt-[30px] md:mt-[18px]",children:[t.config.type==="product"&&(0,e.jsx)("div",{className:(0,r.default)("mb-[4px] text-center text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]"),children:t.config.title}),(0,e.jsxs)(l.Text,{as:"p",className:(0,r.default)(" text-center text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]"),children:[(0,f.numberFormat)(t.alpc?.consumeCredits,h)," ",n?.pointUnit]})]}),(0,e.jsxs)("div",{className:"mt-[16px] w-full text-[14px] font-semibold text-[#777] md:mt-[12px]",children:[(0,e.jsx)("div",{className:"text-[16px] font-bold leading-[1.4]",children:o.product.stepTitle}),(0,e.jsx)("div",{className:"mt-[4px] flex items-center justify-center",children:o.product.steps?.map((a,d)=>(0,e.jsxs)(x.Fragment,{children:[(0,e.jsxs)("div",{className:"flex w-[76px] flex-col items-center text-center md:h-[94px] min-l:w-[130px]",children:[(0,e.jsx)(l.Picture,{source:a.imageUrl,className:"mb-[4px] h-[58px] w-[58px]"}),(0,e.jsx)("div",{className:"min-h-[34px] text-[14px] font-bold text-[#777] md:min-h-[28px] md:text-[12px]",children:a.title})]}),d!==o.product.steps.length-1&&(0,e.jsx)(l.Picture,{source:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/step-arrow.png?v=1690458150",className:"mb-[20px] h-[10px] w-[20px] md:mb-[30px] md:h-[5px] md:w-[12px]"})]},d))}),(0,e.jsx)("div",{className:"overflow-auto",children:c?.length&&(0,e.jsx)("ul",{className:"ml-[18px] mt-[16px] grid grid-flow-row gap-[4px] text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px]",children:c.map((a,d)=>(0,e.jsx)("li",{className:"list-disc",children:(0,e.jsx)(l.Text,{as:"div",html:a,className:"font-bold"})},d))})})]})]})}),(0,e.jsxs)("div",{className:"flex-1 bg-white px-[48px] py-[24px] text-center md:px-[16px]",children:[(0,e.jsx)(l.Text,{as:"p",className:"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]",html:o.confirmTitle}),(0,e.jsx)(l.Button,{loading:s,disabled:i,variant:"primary",size:"lg",className:"mt-[16px] w-full md:mt-[12px]",onClick:()=>{m("address")},children:o.confirmButton})]})]})};
+"use strict";var w=Object.create;var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var F=(o,t)=>{for(var s in t)p(o,s,{get:t[s],enumerable:!0})},u=(o,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let m of C(t))!T.call(o,m)&&m!==s&&p(o,m,{get:()=>t[m],enumerable:!(i=y(t,m))||i.enumerable});return o};var I=(o,t,s)=>(s=o!=null?w(P(o)):{},u(t||!o||!o.__esModule?p(s,"default",{value:o,enumerable:!0}):s,o)),R=o=>u(p({},"__esModule",{value:!0}),o);var M={};F(M,{Init:()=>k});module.exports=R(M);var e=require("react/jsx-runtime"),l=require("@anker-in/headless-ui"),r=I(require("classnames")),x=require("react"),f=require("../../context/utils"),g=require("../../context/const"),v=require("./NonProductValue"),b=require("../../context/provider"),N=require("../../../../lib");const k=({copy:o,item:t,loading:s,disabled:i,setStatus:m})=>{const{pageCommon:n}=(0,b.useCreditsContext)(),{locale:h}=(0,N.useHeadlessContext)(),c=(0,x.useMemo)(()=>t.config.rules?.length?t.config.rules:[...t.config.desc?.split("<br>")||[],...o.product.rules||[]],[t.config.rules,t.config.desc,o.product.rules]);return(0,e.jsxs)("div",{className:"flex flex-col",children:[(0,e.jsx)("div",{className:(0,r.default)("max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:"relative mx-auto h-[164px] w-fit",children:[(0,e.jsx)(l.Picture,{source:t.config?.type===g.ConsumeType.Product?t.product?.images[0]?.url:n?.imageMapping?.[t.config.type]?.url||t.config.image?.url,className:"h-full w-auto [&_img]:h-full [&_img]:w-auto [&_img]:object-contain"}),(0,e.jsx)("div",{className:"absolute bottom-[8px] left-[16px] font-extrabold text-white",children:t.config.value&&(0,e.jsx)(v.NoneProductValue,{item:t})})]}),(0,e.jsxs)("div",{className:"mt-[30px] md:mt-[18px]",children:[t.config.type==="product"&&(0,e.jsx)("div",{className:(0,r.default)("mb-[4px] text-center text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]"),children:t.config.title}),(0,e.jsxs)(l.Text,{as:"p",className:(0,r.default)(" text-center text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]"),children:[(0,f.numberFormat)(t.alpc?.consumeCredits,h)," ",n?.pointUnit]})]}),(0,e.jsxs)("div",{className:"mt-[16px] w-full text-[14px] font-semibold text-[#777] md:mt-[12px]",children:[(0,e.jsx)("div",{className:"text-[16px] font-bold leading-[1.4]",children:o.product.stepTitle}),(0,e.jsx)("div",{className:"mt-[4px] flex items-center justify-center",children:o.product.steps?.map((a,d)=>(0,e.jsxs)(x.Fragment,{children:[(0,e.jsxs)("div",{className:"flex w-[76px] flex-col items-center text-center md:h-[94px] min-l:w-[130px]",children:[(0,e.jsx)(l.Picture,{source:a.imageUrl,className:"mb-[4px] h-[58px] w-[58px]"}),(0,e.jsx)("div",{className:"min-h-[34px] text-[14px] font-bold text-[#777] md:min-h-[28px] md:text-[12px]",children:a.title})]}),d!==o.product.steps.length-1&&(0,e.jsx)(l.Picture,{source:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/step-arrow.png?v=1690458150",className:"mb-[20px] h-[10px] w-[20px] md:mb-[30px] md:h-[5px] md:w-[12px]"})]},d))}),(0,e.jsx)("div",{className:"overflow-auto",children:c?.length&&(0,e.jsx)("ul",{className:"ml-[18px] mt-[16px] grid grid-flow-row gap-[4px] text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px]",children:c.map((a,d)=>(0,e.jsx)("li",{className:"list-disc",children:(0,e.jsx)(l.Text,{as:"div",html:a,className:"font-bold"})},d))})})]})]})}),(0,e.jsxs)("div",{className:"flex-1 bg-white px-[48px] py-[24px] text-center md:px-[16px]",children:[(0,e.jsx)(l.Text,{as:"p",className:"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]",html:o.confirmTitle}),(0,e.jsx)(l.Button,{loading:s,disabled:i,variant:"primary",size:"lg",className:"mt-[16px] w-full md:mt-[12px]",onClick:()=>{m("address")},children:o.confirmButton})]})]})};
 //# sourceMappingURL=Init.js.map

package/dist/cjs/components/credits/creditsRedeemList/RedeemProductModal/Init.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/creditsRedeemList/RedeemProductModal/Init.tsx"],
-  "sourcesContent": ["import { Button, Picture, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { Fragment, useMemo } from 'react'\nimport { numberFormat } from '../../context/utils'\nimport type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'\nimport { ConsumeType } from '../../context/const'\nimport { NoneProductValue } from './NonProductValue'\nimport { useCreditsContext } from '../../context/provider'\nimport { useHeadlessContext } from '@anker-in/lib'\n\ntype InitProps = {\n  copy: RedeemModalCommon\n  item: RedeemableItemType\n  loading: boolean\n  disabled: boolean\n  setStatus: (status: 'address' | 'init' | 'success' | 'error') => void\n}\n\nexport const Init = ({ copy, item, loading, disabled, setStatus }: InitProps) => {\n  const { pageCommon } = useCreditsContext()\n  const { locale } = useHeadlessContext()\n  const rules = useMemo(() => {\n    if (item.config.rules?.length) {\n      return item.config.rules\n    }\n    const descriptions = item.config.desc?.split('<br>') || []\n    return [...descriptions, ...(copy.product.rules || [])]\n  }, [item.config.rules, item.config.desc, copy.product.rules])\n\n  return (\n    <div className=\"flex flex-col\">\n      <div\n        className={classNames(\n          'max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]'\n        )}\n      >\n        <>\n          <div className=\"relative mx-auto h-[164px] w-fit\">\n            <Picture\n              source={\n                item.config?.type === ConsumeType.Product\n                  ? item.product?.images[0]?.url\n                  : pageCommon?.imageMapping?.[item.config.type]?.url || item.config.image?.url\n              }\n              className=\"h-full w-auto [&_img]:h-full [&_img]:w-auto [&_img]:object-contain\"\n            ></Picture>\n            {/* \u793C\u54C1\u5361\u5C55\u793A */}\n            <div className=\"absolute bottom-[8px] left-[16px] font-extrabold text-white\">\n              {item.config.value && <NoneProductValue item={item} />}\n            </div>\n          </div>\n          <div className=\"mt-[30px] md:mt-[18px]\">\n            {item.config.type === 'product' && (\n              <div\n                className={classNames(\n                  'mb-[4px] text-center text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]'\n                )}\n              >\n                {item.config.title}\n              </div>\n            )}\n            <Text\n              as=\"p\"\n              className={classNames(' text-center text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]')}\n            >\n              {numberFormat(item.alpc?.consumeCredits, locale)} {pageCommon?.pointUnit}\n            </Text>\n          </div>\n          <div className=\"mt-[16px] w-full text-[14px] font-semibold text-[#777] md:mt-[12px]\">\n            <div className=\"text-[16px] font-bold leading-[1.4]\">{copy.product.stepTitle}</div>\n            <div className=\"mt-[4px] flex items-center justify-center\">\n              {copy.product.steps?.map((item, index) => (\n                <Fragment key={index}>\n                  <div className=\"flex w-[76px] flex-col items-center text-center md:h-[94px] min-l:w-[130px]\">\n                    <Picture source={item.imageUrl} className=\"mb-[4px] h-[58px] w-[58px]\"></Picture>\n                    <div className=\"min-h-[34px] text-[14px] font-bold text-[#777] md:min-h-[28px] md:text-[12px]\">\n                      {item.title}\n                    </div>\n                  </div>\n                  {index !== copy.product.steps.length - 1 && (\n                    <Picture\n                      source=\"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/step-arrow.png?v=1690458150\"\n                      className=\"mb-[20px] h-[10px] w-[20px] md:mb-[30px] md:h-[5px] md:w-[12px]\"\n                    ></Picture>\n                  )}\n                </Fragment>\n              ))}\n            </div>\n            <div className=\"overflow-auto\">\n              {rules?.length && (\n                <ul className=\"ml-[18px] mt-[16px] grid grid-flow-row gap-[4px] text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px]\">\n                  {rules.map((text, index) => (\n                    <li className=\"list-disc\" key={index}>\n                      <Text as=\"div\" html={text} className=\"font-bold\" />\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          </div>\n        </>\n      </div>\n      <div className=\"flex-1 bg-white px-[48px] py-[24px] text-center md:px-[16px]\">\n        <Text\n          as=\"p\"\n          className=\"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]\"\n          html={copy.confirmTitle}\n        ></Text>\n        <Button\n          loading={loading}\n          disabled={disabled}\n          variant=\"primary\"\n          size=\"lg\"\n          className=\"mt-[16px] w-full md:mt-[12px]\"\n          onClick={() => {\n            setStatus('address')\n          }}\n        >\n          {copy.confirmButton}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAoCQ,IAAAI,EAAA,6BApCRC,EAAsC,iCACtCC,EAAuB,yBACvBC,EAAkC,iBAClCC,EAA6B,+BAE7BC,EAA4B,+BAC5BC,EAAiC,6BACjCC,EAAkC,kCAClCC,EAAmC,yBAU5B,MAAMV,EAAO,CAAC,CAAE,KAAAW,EAAM,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,UAAAC,CAAU,IAAiB,CAC/E,KAAM,CAAE,WAAAC,CAAW,KAAI,qBAAkB,EACnC,CAAE,OAAAC,CAAO,KAAI,sBAAmB,EAChCC,KAAQ,WAAQ,IAChBN,EAAK,OAAO,OAAO,OACdA,EAAK,OAAO,MAGd,CAAC,GADaA,EAAK,OAAO,MAAM,MAAM,MAAM,GAAK,CAAC,EAChC,GAAID,EAAK,QAAQ,OAAS,CAAC,CAAE,EACrD,CAACC,EAAK,OAAO,MAAOA,EAAK,OAAO,KAAMD,EAAK,QAAQ,KAAK,CAAC,EAE5D,SACE,QAAC,OAAI,UAAU,gBACb,oBAAC,OACC,aAAW,EAAAQ,SACT,8FACF,EAEA,gCACE,qBAAC,OAAI,UAAU,mCACb,oBAAC,WACC,OACEP,EAAK,QAAQ,OAAS,cAAY,QAC9BA,EAAK,SAAS,OAAO,CAAC,GAAG,IACzBI,GAAY,eAAeJ,EAAK,OAAO,IAAI,GAAG,KAAOA,EAAK,OAAO,OAAO,IAE9E,UAAU,qEACX,KAED,OAAC,OAAI,UAAU,8DACZ,SAAAA,EAAK,OAAO,UAAS,OAAC,oBAAiB,KAAMA,EAAM,EACtD,GACF,KACA,QAAC,OAAI,UAAU,yBACZ,UAAAA,EAAK,OAAO,OAAS,cACpB,OAAC,OACC,aAAW,EAAAO,SACT,0FACF,EAEC,SAAAP,EAAK,OAAO,MACf,KAEF,QAAC,QACC,GAAG,IACH,aAAW,EAAAO,SAAW,kFAAkF,EAEvG,6BAAaP,EAAK,MAAM,eAAgBK,CAAM,EAAE,IAAED,GAAY,WACjE,GACF,KACA,QAAC,OAAI,UAAU,sEACb,oBAAC,OAAI,UAAU,sCAAuC,SAAAL,EAAK,QAAQ,UAAU,KAC7E,OAAC,OAAI,UAAU,4CACZ,SAAAA,EAAK,QAAQ,OAAO,IAAI,CAACC,EAAMQ,OAC9B,QAAC,YACC,qBAAC,OAAI,UAAU,8EACb,oBAAC,WAAQ,OAAQR,EAAK,SAAU,UAAU,6BAA6B,KACvE,OAAC,OAAI,UAAU,gFACZ,SAAAA,EAAK,MACR,GACF,EACCQ,IAAUT,EAAK,QAAQ,MAAM,OAAS,MACrC,OAAC,WACC,OAAO,qFACP,UAAU,kEACX,IAXUS,CAaf,CACD,EACH,KACA,OAAC,OAAI,UAAU,gBACZ,SAAAF,GAAO,WACN,OAAC,MAAG,UAAU,mHACX,SAAAA,EAAM,IAAI,CAACG,EAAMD,OAChB,OAAC,MAAG,UAAU,YACZ,mBAAC,QAAK,GAAG,MAAM,KAAMC,EAAM,UAAU,YAAY,GADpBD,CAE/B,CACD,EACH,EAEJ,GACF,GACF,EACF,KACA,QAAC,OAAI,UAAU,+DACb,oBAAC,QACC,GAAG,IACH,UAAU,4EACV,KAAMT,EAAK,aACZ,KACD,OAAC,UACC,QAASE,EACT,SAAUC,EACV,QAAQ,UACR,KAAK,KACL,UAAU,gCACV,QAAS,IAAM,CACbC,EAAU,SAAS,CACrB,EAEC,SAAAJ,EAAK,cACR,GACF,GACF,CAEJ",
+  "sourcesContent": ["import { Button, Picture, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { Fragment, useMemo } from 'react'\nimport { numberFormat } from '../../context/utils'\nimport type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'\nimport { ConsumeType } from '../../context/const'\nimport { NoneProductValue } from './NonProductValue'\nimport { useCreditsContext } from '../../context/provider'\nimport { useHeadlessContext } from '../../../../lib'\n\ntype InitProps = {\n  copy: RedeemModalCommon\n  item: RedeemableItemType\n  loading: boolean\n  disabled: boolean\n  setStatus: (status: 'address' | 'init' | 'success' | 'error') => void\n}\n\nexport const Init = ({ copy, item, loading, disabled, setStatus }: InitProps) => {\n  const { pageCommon } = useCreditsContext()\n  const { locale } = useHeadlessContext()\n  const rules = useMemo(() => {\n    if (item.config.rules?.length) {\n      return item.config.rules\n    }\n    const descriptions = item.config.desc?.split('<br>') || []\n    return [...descriptions, ...(copy.product.rules || [])]\n  }, [item.config.rules, item.config.desc, copy.product.rules])\n\n  return (\n    <div className=\"flex flex-col\">\n      <div\n        className={classNames(\n          'max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]'\n        )}\n      >\n        <>\n          <div className=\"relative mx-auto h-[164px] w-fit\">\n            <Picture\n              source={\n                item.config?.type === ConsumeType.Product\n                  ? item.product?.images[0]?.url\n                  : pageCommon?.imageMapping?.[item.config.type]?.url || item.config.image?.url\n              }\n              className=\"h-full w-auto [&_img]:h-full [&_img]:w-auto [&_img]:object-contain\"\n            ></Picture>\n            {/* \u793C\u54C1\u5361\u5C55\u793A */}\n            <div className=\"absolute bottom-[8px] left-[16px] font-extrabold text-white\">\n              {item.config.value && <NoneProductValue item={item} />}\n            </div>\n          </div>\n          <div className=\"mt-[30px] md:mt-[18px]\">\n            {item.config.type === 'product' && (\n              <div\n                className={classNames(\n                  'mb-[4px] text-center text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]'\n                )}\n              >\n                {item.config.title}\n              </div>\n            )}\n            <Text\n              as=\"p\"\n              className={classNames(' text-center text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]')}\n            >\n              {numberFormat(item.alpc?.consumeCredits, locale)} {pageCommon?.pointUnit}\n            </Text>\n          </div>\n          <div className=\"mt-[16px] w-full text-[14px] font-semibold text-[#777] md:mt-[12px]\">\n            <div className=\"text-[16px] font-bold leading-[1.4]\">{copy.product.stepTitle}</div>\n            <div className=\"mt-[4px] flex items-center justify-center\">\n              {copy.product.steps?.map((item, index) => (\n                <Fragment key={index}>\n                  <div className=\"flex w-[76px] flex-col items-center text-center md:h-[94px] min-l:w-[130px]\">\n                    <Picture source={item.imageUrl} className=\"mb-[4px] h-[58px] w-[58px]\"></Picture>\n                    <div className=\"min-h-[34px] text-[14px] font-bold text-[#777] md:min-h-[28px] md:text-[12px]\">\n                      {item.title}\n                    </div>\n                  </div>\n                  {index !== copy.product.steps.length - 1 && (\n                    <Picture\n                      source=\"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/step-arrow.png?v=1690458150\"\n                      className=\"mb-[20px] h-[10px] w-[20px] md:mb-[30px] md:h-[5px] md:w-[12px]\"\n                    ></Picture>\n                  )}\n                </Fragment>\n              ))}\n            </div>\n            <div className=\"overflow-auto\">\n              {rules?.length && (\n                <ul className=\"ml-[18px] mt-[16px] grid grid-flow-row gap-[4px] text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px]\">\n                  {rules.map((text, index) => (\n                    <li className=\"list-disc\" key={index}>\n                      <Text as=\"div\" html={text} className=\"font-bold\" />\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          </div>\n        </>\n      </div>\n      <div className=\"flex-1 bg-white px-[48px] py-[24px] text-center md:px-[16px]\">\n        <Text\n          as=\"p\"\n          className=\"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]\"\n          html={copy.confirmTitle}\n        ></Text>\n        <Button\n          loading={loading}\n          disabled={disabled}\n          variant=\"primary\"\n          size=\"lg\"\n          className=\"mt-[16px] w-full md:mt-[12px]\"\n          onClick={() => {\n            setStatus('address')\n          }}\n        >\n          {copy.confirmButton}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAoCQ,IAAAI,EAAA,6BApCRC,EAAsC,iCACtCC,EAAuB,yBACvBC,EAAkC,iBAClCC,EAA6B,+BAE7BC,EAA4B,+BAC5BC,EAAiC,6BACjCC,EAAkC,kCAClCC,EAAmC,2BAU5B,MAAMV,EAAO,CAAC,CAAE,KAAAW,EAAM,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,UAAAC,CAAU,IAAiB,CAC/E,KAAM,CAAE,WAAAC,CAAW,KAAI,qBAAkB,EACnC,CAAE,OAAAC,CAAO,KAAI,sBAAmB,EAChCC,KAAQ,WAAQ,IAChBN,EAAK,OAAO,OAAO,OACdA,EAAK,OAAO,MAGd,CAAC,GADaA,EAAK,OAAO,MAAM,MAAM,MAAM,GAAK,CAAC,EAChC,GAAID,EAAK,QAAQ,OAAS,CAAC,CAAE,EACrD,CAACC,EAAK,OAAO,MAAOA,EAAK,OAAO,KAAMD,EAAK,QAAQ,KAAK,CAAC,EAE5D,SACE,QAAC,OAAI,UAAU,gBACb,oBAAC,OACC,aAAW,EAAAQ,SACT,8FACF,EAEA,gCACE,qBAAC,OAAI,UAAU,mCACb,oBAAC,WACC,OACEP,EAAK,QAAQ,OAAS,cAAY,QAC9BA,EAAK,SAAS,OAAO,CAAC,GAAG,IACzBI,GAAY,eAAeJ,EAAK,OAAO,IAAI,GAAG,KAAOA,EAAK,OAAO,OAAO,IAE9E,UAAU,qEACX,KAED,OAAC,OAAI,UAAU,8DACZ,SAAAA,EAAK,OAAO,UAAS,OAAC,oBAAiB,KAAMA,EAAM,EACtD,GACF,KACA,QAAC,OAAI,UAAU,yBACZ,UAAAA,EAAK,OAAO,OAAS,cACpB,OAAC,OACC,aAAW,EAAAO,SACT,0FACF,EAEC,SAAAP,EAAK,OAAO,MACf,KAEF,QAAC,QACC,GAAG,IACH,aAAW,EAAAO,SAAW,kFAAkF,EAEvG,6BAAaP,EAAK,MAAM,eAAgBK,CAAM,EAAE,IAAED,GAAY,WACjE,GACF,KACA,QAAC,OAAI,UAAU,sEACb,oBAAC,OAAI,UAAU,sCAAuC,SAAAL,EAAK,QAAQ,UAAU,KAC7E,OAAC,OAAI,UAAU,4CACZ,SAAAA,EAAK,QAAQ,OAAO,IAAI,CAACC,EAAMQ,OAC9B,QAAC,YACC,qBAAC,OAAI,UAAU,8EACb,oBAAC,WAAQ,OAAQR,EAAK,SAAU,UAAU,6BAA6B,KACvE,OAAC,OAAI,UAAU,gFACZ,SAAAA,EAAK,MACR,GACF,EACCQ,IAAUT,EAAK,QAAQ,MAAM,OAAS,MACrC,OAAC,WACC,OAAO,qFACP,UAAU,kEACX,IAXUS,CAaf,CACD,EACH,KACA,OAAC,OAAI,UAAU,gBACZ,SAAAF,GAAO,WACN,OAAC,MAAG,UAAU,mHACX,SAAAA,EAAM,IAAI,CAACG,EAAMD,OAChB,OAAC,MAAG,UAAU,YACZ,mBAAC,QAAK,GAAG,MAAM,KAAMC,EAAM,UAAU,YAAY,GADpBD,CAE/B,CACD,EACH,EAEJ,GACF,GACF,EACF,KACA,QAAC,OAAI,UAAU,+DACb,oBAAC,QACC,GAAG,IACH,UAAU,4EACV,KAAMT,EAAK,aACZ,KACD,OAAC,UACC,QAASE,EACT,SAAUC,EACV,QAAQ,UACR,KAAK,KACL,UAAU,gCACV,QAAS,IAAM,CACbC,EAAU,SAAS,CACrB,EAEC,SAAAJ,EAAK,cACR,GACF,GACF,CAEJ",
   "names": ["Init_exports", "__export", "Init", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_classnames", "import_react", "import_utils", "import_const", "import_NonProductValue", "import_provider", "import_lib", "copy", "item", "loading", "disabled", "setStatus", "pageCommon", "locale", "rules", "classNames", "index", "text"]
 }

package/dist/cjs/components/credits/creditsRedeemList/RedeemProductModal/NonProductValue.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { RedeemableItem } from '../../type';
 export declare const NoneProductValue: ({ item }: {
     item: RedeemableItem;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/cjs/components/credits/creditsRedeemList/RedeemProductModal/ProductInfo.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ type ProductInfoProps = {
     item: RedeemableItemType;
     copy: RedeemModalCommon;
 };
-export declare const ProductInfo: ({ item, copy }: ProductInfoProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ProductInfo: ({ item, copy }: ProductInfoProps) => import("react").JSX.Element | null;
 export {};

package/dist/cjs/components/credits/creditsRedeemList/RedeemProductModal/ProductInfo.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var i=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var u=(e,a)=>{for(var l in a)i(e,l,{get:a[l],enumerable:!0})},f=(e,a,l,d)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of c(a))!x.call(e,s)&&s!==l&&i(e,s,{get:()=>a[s],enumerable:!(d=p(a,s))||d.enumerable});return e};var v=e=>f(i({},"__esModule",{value:!0}),e);var N={};u(N,{ProductInfo:()=>b});module.exports=v(N);var t=require("react/jsx-runtime"),m=require("@anker-in/headless-ui"),r=require("../../context/utils"),o=require("@anker-in/lib"),n=require("../../context/provider");const b=({item:e,copy:a})=>{const{locale:l}=(0,o.useHeadlessContext)(),{pageCommon:d}=(0,n.useCreditsContext)();return!e.product||!e.variant?null:(0,t.jsxs)("div",{className:"flex w-full items-center justify-center md:items-start md:justify-start",children:[(0,t.jsx)(m.Picture,{className:"mr-[16px] size-[100px] shrink-0 md:mr-[12px] md:hidden md:size-[44px] [&_img]:h-full [&_img]:w-auto [&_img]:object-contain",source:e.variant.image?.url||e.product.images[0]?.url,alt:e.product.title}),(0,t.jsxs)("div",{className:"md:flex md:flex-col",children:[(0,t.jsxs)("div",{className:"md:flex md:items-center",children:[(0,t.jsx)(m.Picture,{className:"mr-[16px] size-[100px] shrink-0 md:mr-[12px] md:size-[44px] min-md:hidden [&_img]:h-full [&_img]:w-auto [&_img]:object-contain",source:e.variant.image?.url||e.product.images[0]?.url,alt:e.product.title}),(0,t.jsx)("div",{className:"flex-1 text-[16px] font-bold leading-[1.4] min-l:!hidden",title:e.product.title,children:e.product.title})]}),(0,t.jsxs)("div",{className:"mt-[16px] md:mt-[12px]",children:[(0,t.jsx)(m.Text,{className:"mb-[12px] line-clamp-1 text-[16px] font-bold l:!hidden",html:e.product.title,title:e.product.title}),(0,t.jsxs)("div",{className:"flex font-semibold leading-[1.4] md:flex-col",children:[(0,t.jsxs)("div",{className:"mr-[40px] text-[15px] font-bold text-[#777] md:mr-0 md:text-[12px]",children:[e.variant.title&&e.variant.title.toLowerCase()!=="default title"&&(0,t.jsxs)("div",{className:"mb-[8px] flex items-center md:mb-[4px]",children:[(0,t.jsxs)("span",{children:[a.product.variantLabel,": "]}),(0,t.jsx)("span",{className:"ml-1",children:e.variant.title})]}),(0,t.jsxs)("div",{className:"mb-[8px] flex items-center md:mb-[4px]",children:[(0,t.jsxs)("span",{children:[a.product.shippingFeeLabel,": "]}),(0,t.jsx)("span",{className:"ml-1",children:(0,r.formatPrice)({amount:0,currencyCode:e.product.price?.currencyCode,locale:l||"us"})})]})]}),(0,t.jsxs)("div",{className:"text-[15px] font-bold text-[#777] md:text-[12px]",children:[(0,t.jsxs)("div",{className:"mb-[8px] flex items-center md:mb-[4px]",children:[(0,t.jsxs)("span",{children:[a.product.quantityLabel,": "]}),(0,t.jsx)("span",{className:"ml-1",children:"1"})]}),(0,t.jsxs)("div",{className:"l:flex l:items-center l:justify-between",children:[(0,t.jsxs)("span",{children:[a.product.totalPriceLabel,": "]}),(0,t.jsxs)("span",{className:"ml-1",children:[e.alpc?.consumeCredits," ",d?.pointUnit]})]})]})]})]})]})]})};
+"use strict";var i=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var u=(e,a)=>{for(var l in a)i(e,l,{get:a[l],enumerable:!0})},f=(e,a,l,d)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of c(a))!x.call(e,s)&&s!==l&&i(e,s,{get:()=>a[s],enumerable:!(d=p(a,s))||d.enumerable});return e};var v=e=>f(i({},"__esModule",{value:!0}),e);var N={};u(N,{ProductInfo:()=>b});module.exports=v(N);var t=require("react/jsx-runtime"),m=require("@anker-in/headless-ui"),r=require("../../context/utils"),o=require("../../../../lib"),n=require("../../context/provider");const b=({item:e,copy:a})=>{const{locale:l}=(0,o.useHeadlessContext)(),{pageCommon:d}=(0,n.useCreditsContext)();return!e.product||!e.variant?null:(0,t.jsxs)("div",{className:"flex w-full items-center justify-center md:items-start md:justify-start",children:[(0,t.jsx)(m.Picture,{className:"mr-[16px] size-[100px] shrink-0 md:mr-[12px] md:hidden md:size-[44px] [&_img]:h-full [&_img]:w-auto [&_img]:object-contain",source:e.variant.image?.url||e.product.images[0]?.url,alt:e.product.title}),(0,t.jsxs)("div",{className:"md:flex md:flex-col",children:[(0,t.jsxs)("div",{className:"md:flex md:items-center",children:[(0,t.jsx)(m.Picture,{className:"mr-[16px] size-[100px] shrink-0 md:mr-[12px] md:size-[44px] min-md:hidden [&_img]:h-full [&_img]:w-auto [&_img]:object-contain",source:e.variant.image?.url||e.product.images[0]?.url,alt:e.product.title}),(0,t.jsx)("div",{className:"flex-1 text-[16px] font-bold leading-[1.4] min-l:!hidden",title:e.product.title,children:e.product.title})]}),(0,t.jsxs)("div",{className:"mt-[16px] md:mt-[12px]",children:[(0,t.jsx)(m.Text,{className:"mb-[12px] line-clamp-1 text-[16px] font-bold l:!hidden",html:e.product.title,title:e.product.title}),(0,t.jsxs)("div",{className:"flex font-semibold leading-[1.4] md:flex-col",children:[(0,t.jsxs)("div",{className:"mr-[40px] text-[15px] font-bold text-[#777] md:mr-0 md:text-[12px]",children:[e.variant.title&&e.variant.title.toLowerCase()!=="default title"&&(0,t.jsxs)("div",{className:"mb-[8px] flex items-center md:mb-[4px]",children:[(0,t.jsxs)("span",{children:[a.product.variantLabel,": "]}),(0,t.jsx)("span",{className:"ml-1",children:e.variant.title})]}),(0,t.jsxs)("div",{className:"mb-[8px] flex items-center md:mb-[4px]",children:[(0,t.jsxs)("span",{children:[a.product.shippingFeeLabel,": "]}),(0,t.jsx)("span",{className:"ml-1",children:(0,r.formatPrice)({amount:0,currencyCode:e.product.price?.currencyCode,locale:l||"us"})})]})]}),(0,t.jsxs)("div",{className:"text-[15px] font-bold text-[#777] md:text-[12px]",children:[(0,t.jsxs)("div",{className:"mb-[8px] flex items-center md:mb-[4px]",children:[(0,t.jsxs)("span",{children:[a.product.quantityLabel,": "]}),(0,t.jsx)("span",{className:"ml-1",children:"1"})]}),(0,t.jsxs)("div",{className:"l:flex l:items-center l:justify-between",children:[(0,t.jsxs)("span",{children:[a.product.totalPriceLabel,": "]}),(0,t.jsxs)("span",{className:"ml-1",children:[e.alpc?.consumeCredits," ",d?.pointUnit]})]})]})]})]})]})]})};
 //# sourceMappingURL=ProductInfo.js.map