@anker-in/campaign-ui 0.2.0-beta.12 → 0.2.0-beta.13

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

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

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

@@ -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, ROUNDED_BRANDS } from '@anker-in/lib'\nimport type { RedeemableItem as RedeemableItemType } from '../../type'\nimport { CreditsRedeemListCopy } from '../type'\nimport { ProductInfo } from './ProductInfo'\nimport useCountries from '../../context/hooks/useCountries'\n\ntype AddressProps = {\n  copy: CreditsRedeemListCopy\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 } = useCountries({ 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          <AddressForm\n            onChange={setAddress}\n            validate={validateAddress}\n            errors={validateErrors}\n            form={copy.redeemModal.product.addressForm}\n            countries={countries}\n            countriesLoading={countriesLoading}\n          ></AddressForm>\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.redeemModal.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,EAAmD,yBAGnDC,EAA4B,yBAC5BC,EAAyB,+CAgBlB,MAAMR,EAAU,CAAC,CACtB,KAAAS,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,SAAa,CAAE,mBAAoBL,CAAY,CAAC,EAExG,SACE,QAAC,OAAI,UAAU,WACb,oBAAC,OAAI,aAAW,EAAAM,SAAW,iFAAiF,EAC1G,oBAAC,OACE,UAAAhB,MAAmB,OAAC,QAAK,UAAU,6BAA6B,KAAMA,EAAiB,KACxF,OAAC,eACC,SAAUC,EACV,SAAUC,EACV,OAAQC,EACR,KAAMJ,EAAK,YAAY,QAAQ,YAC/B,UAAWc,EACX,iBAAkBC,EACnB,GACH,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,YAAY,QAAQ,cAC5B,GACF,GACF,CAEJ",
+  "sourcesContent": ["import { Button, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { AddressForm } from '../AddressForm'\nimport { useHeadlessContext, ROUNDED_BRANDS } from '@anker-in/lib'\nimport type { RedeemableItem as RedeemableItemType } from '../../type'\nimport { CreditsRedeemListCopy } from '../type'\nimport { ProductInfo } from './ProductInfo'\nimport useCountries from '../../context/hooks/useCountries'\n\ntype AddressProps = {\n  copy: CreditsRedeemListCopy\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 } = useCountries({ 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.redeemModal?.product?.addressForm && (\n            <AddressForm\n              onChange={setAddress}\n              validate={validateAddress}\n              errors={validateErrors}\n              form={copy.redeemModal.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.redeemModal.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,EAAmD,yBAGnDC,EAA4B,yBAC5BC,EAAyB,+CAgBlB,MAAMR,EAAU,CAAC,CACtB,KAAAS,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,SAAa,CAAE,mBAAoBL,CAAY,CAAC,EAExG,SACE,QAAC,OAAI,UAAU,WACb,oBAAC,OAAI,aAAW,EAAAM,SAAW,iFAAiF,EAC1G,oBAAC,OACE,UAAAhB,MAAmB,OAAC,QAAK,UAAU,6BAA6B,KAAMA,EAAiB,EACvFD,EAAK,aAAa,SAAS,gBAC1B,OAAC,eACC,SAAUE,EACV,SAAUC,EACV,OAAQC,EACR,KAAMJ,EAAK,YAAY,QAAQ,YAC/B,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,YAAY,QAAQ,cAC5B,GACF,GACF,CAEJ",
   "names": ["Address_exports", "__export", "Address", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_classnames", "import_AddressForm", "import_lib", "import_ProductInfo", "import_useCountries", "copy", "shippingAddress", "setAddress", "validateAddress", "validateErrors", "shippingProduct", "loading", "address", "disabled", "handlePayment", "item", "storeDomain", "brand", "rounded", "countries", "countriesLoading", "useCountries", "classNames"]
 }

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/Address.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Button as N,Text as r}from"@anker-in/headless-ui";import i from"classnames";import{AddressForm as R}from"../AddressForm";import{useHeadlessContext as h,ROUNDED_BRANDS as A}from"@anker-in/lib";import{ProductInfo as C}from"./ProductInfo";import F from"../../context/hooks/useCountries";const E=({copy:t,shippingAddress:s,setAddress:a,validateAddress:m,validateErrors:n,shippingProduct:d,loading:p,address:l,disabled:x,handlePayment:c,item:u})=>{const{storeDomain:f,brand:y}=h(),v=A.includes(y),{countries:b=[],isLoading:g}=F({shopifyStoreDomain:f});return o("div",{className:"relative",children:[e("div",{className:i("max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:o("div",{children:[s&&e(r,{className:"mb-5 text-[16px] font-bold",html:s}),e(R,{onChange:a,validate:m,errors:n,form:t.redeemModal.product.addressForm,countries:b,countriesLoading:g})]})}),o("div",{className:"sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]",children:[o("div",{className:i("flex w-full items-center bg-[#F5F5F7] p-[16px]",!v&&"rounded-none"),children:[d&&e(r,{className:"mb-5 text-[16px] font-bold",html:d}),e(C,{item:u,copy:t})]}),e(N,{loading:p||!l,variant:"primary",className:"mx-auto mt-[16px] w-[444px] md:mt-[12px] md:w-full",onClick:c,disabled:x,children:t.redeemModal.product.paymentButton})]})]})};export{E as Address};
+import{jsx as e,jsxs as d}from"react/jsx-runtime";import{Button as N,Text as r}from"@anker-in/headless-ui";import a from"classnames";import{AddressForm as R}from"../AddressForm";import{useHeadlessContext as h,ROUNDED_BRANDS as A}from"@anker-in/lib";import{ProductInfo as C}from"./ProductInfo";import F from"../../context/hooks/useCountries";const M=({copy:o,shippingAddress:t,setAddress:m,validateAddress:i,validateErrors:n,shippingProduct:s,loading:p,address:l,disabled:x,handlePayment:c,item:u})=>{const{storeDomain:f,brand:v}=h(),y=A.includes(v),{countries:b=[],isLoading:g}=F({shopifyStoreDomain:f});return d("div",{className:"relative",children:[e("div",{className:a("max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:d("div",{children:[t&&e(r,{className:"mb-5 text-[16px] font-bold",html:t}),o.redeemModal?.product?.addressForm&&e(R,{onChange:m,validate:i,errors:n,form:o.redeemModal.product.addressForm,countries:b,countriesLoading:g})]})}),d("div",{className:"sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]",children:[d("div",{className:a("flex w-full items-center bg-[#F5F5F7] p-[16px]",!y&&"rounded-none"),children:[s&&e(r,{className:"mb-5 text-[16px] font-bold",html:s}),e(C,{item:u,copy:o})]}),e(N,{loading:p||!l,variant:"primary",className:"mx-auto mt-[16px] w-[444px] md:mt-[12px] md:w-full",onClick:c,disabled:x,children:o.redeemModal.product.paymentButton})]})]})};export{M as Address};
 //# sourceMappingURL=Address.js.map

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/Address.js.map

@@ -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, ROUNDED_BRANDS } from '@anker-in/lib'\nimport type { RedeemableItem as RedeemableItemType } from '../../type'\nimport { CreditsRedeemListCopy } from '../type'\nimport { ProductInfo } from './ProductInfo'\nimport useCountries from '../../context/hooks/useCountries'\n\ntype AddressProps = {\n  copy: CreditsRedeemListCopy\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 } = useCountries({ 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          <AddressForm\n            onChange={setAddress}\n            validate={validateAddress}\n            errors={validateErrors}\n            form={copy.redeemModal.product.addressForm}\n            countries={countries}\n            countriesLoading={countriesLoading}\n          ></AddressForm>\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.redeemModal.product.paymentButton}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "AA2CQ,OACsB,OAAAA,EADtB,QAAAC,MAAA,oBA3CR,OAAS,UAAAC,EAAQ,QAAAC,MAAY,wBAC7B,OAAOC,MAAgB,aACvB,OAAS,eAAAC,MAAmB,iBAC5B,OAAS,sBAAAC,EAAoB,kBAAAC,MAAsB,gBAGnD,OAAS,eAAAC,MAAmB,gBAC5B,OAAOC,MAAkB,mCAgBlB,MAAMC,EAAU,CAAC,CACtB,KAAAC,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,EAAIjB,EAAmB,EAC5CkB,EAAUjB,EAAe,SAASgB,CAAK,EACvC,CAAE,UAAAE,EAAY,CAAC,EAAG,UAAWC,CAAiB,EAAIjB,EAAa,CAAE,mBAAoBa,CAAY,CAAC,EAExG,OACErB,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAWI,EAAW,iFAAiF,EAC1G,SAAAH,EAAC,OACE,UAAAW,GAAmBZ,EAACG,EAAA,CAAK,UAAU,6BAA6B,KAAMS,EAAiB,EACxFZ,EAACK,EAAA,CACC,SAAUQ,EACV,SAAUC,EACV,OAAQC,EACR,KAAMJ,EAAK,YAAY,QAAQ,YAC/B,UAAWc,EACX,iBAAkBC,EACnB,GACH,EACF,EACAzB,EAAC,OAAI,UAAU,qGACb,UAAAA,EAAC,OAAI,UAAWG,EAAW,iDAAkD,CAACoB,GAAW,cAAc,EACpG,UAAAR,GAAmBhB,EAACG,EAAA,CAAK,UAAU,6BAA6B,KAAMa,EAAiB,EACxFhB,EAACQ,EAAA,CAAY,KAAMa,EAAM,KAAMV,EAAM,GACvC,EACAX,EAACE,EAAA,CACC,QAASe,GAAW,CAACC,EACrB,QAAQ,UACR,UAAU,qDACV,QAASE,EACT,SAAUD,EAET,SAAAR,EAAK,YAAY,QAAQ,cAC5B,GACF,GACF,CAEJ",
+  "sourcesContent": ["import { Button, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { AddressForm } from '../AddressForm'\nimport { useHeadlessContext, ROUNDED_BRANDS } from '@anker-in/lib'\nimport type { RedeemableItem as RedeemableItemType } from '../../type'\nimport { CreditsRedeemListCopy } from '../type'\nimport { ProductInfo } from './ProductInfo'\nimport useCountries from '../../context/hooks/useCountries'\n\ntype AddressProps = {\n  copy: CreditsRedeemListCopy\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 } = useCountries({ 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.redeemModal?.product?.addressForm && (\n            <AddressForm\n              onChange={setAddress}\n              validate={validateAddress}\n              errors={validateErrors}\n              form={copy.redeemModal.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.redeemModal.product.paymentButton}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "AA2CQ,OACsB,OAAAA,EADtB,QAAAC,MAAA,oBA3CR,OAAS,UAAAC,EAAQ,QAAAC,MAAY,wBAC7B,OAAOC,MAAgB,aACvB,OAAS,eAAAC,MAAmB,iBAC5B,OAAS,sBAAAC,EAAoB,kBAAAC,MAAsB,gBAGnD,OAAS,eAAAC,MAAmB,gBAC5B,OAAOC,MAAkB,mCAgBlB,MAAMC,EAAU,CAAC,CACtB,KAAAC,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,EAAIjB,EAAmB,EAC5CkB,EAAUjB,EAAe,SAASgB,CAAK,EACvC,CAAE,UAAAE,EAAY,CAAC,EAAG,UAAWC,CAAiB,EAAIjB,EAAa,CAAE,mBAAoBa,CAAY,CAAC,EAExG,OACErB,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAWI,EAAW,iFAAiF,EAC1G,SAAAH,EAAC,OACE,UAAAW,GAAmBZ,EAACG,EAAA,CAAK,UAAU,6BAA6B,KAAMS,EAAiB,EACvFD,EAAK,aAAa,SAAS,aAC1BX,EAACK,EAAA,CACC,SAAUQ,EACV,SAAUC,EACV,OAAQC,EACR,KAAMJ,EAAK,YAAY,QAAQ,YAC/B,UAAWc,EACX,iBAAkBC,EACnB,GAEL,EACF,EACAzB,EAAC,OAAI,UAAU,qGACb,UAAAA,EAAC,OAAI,UAAWG,EAAW,iDAAkD,CAACoB,GAAW,cAAc,EACpG,UAAAR,GAAmBhB,EAACG,EAAA,CAAK,UAAU,6BAA6B,KAAMa,EAAiB,EACxFhB,EAACQ,EAAA,CAAY,KAAMa,EAAM,KAAMV,EAAM,GACvC,EACAX,EAACE,EAAA,CACC,QAASe,GAAW,CAACC,EACrB,QAAQ,UACR,UAAU,qDACV,QAASE,EACT,SAAUD,EAET,SAAAR,EAAK,YAAY,QAAQ,cAC5B,GACF,GACF,CAEJ",
   "names": ["jsx", "jsxs", "Button", "Text", "classNames", "AddressForm", "useHeadlessContext", "ROUNDED_BRANDS", "ProductInfo", "useCountries", "Address", "copy", "shippingAddress", "setAddress", "validateAddress", "validateErrors", "shippingProduct", "loading", "address", "disabled", "handlePayment", "item", "storeDomain", "brand", "rounded", "countries", "countriesLoading"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.2.0-beta.12",
+  "version": "0.2.0-beta.13",
   "description": "Campaign UI components and utilities for Anker projects",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -87,8 +87,8 @@
     "swiper": "^11.1.3",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3",
-    "@anker-in/lib": "1.1.0-beta.6",
-    "@anker-in/headless-ui": "1.0.26"
+    "@anker-in/headless-ui": "1.0.26",
+    "@anker-in/lib": "1.1.0-beta.8"
   },
   "publishConfig": {
     "access": "public",

package/src/components/credits/creditsRedeemList/RedeemProductModal/Address.tsx

@@ -43,14 +43,16 @@ export const Address = ({
       <div className={classNames('max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]')}>
         <div>
           {shippingAddress && <Text className="mb-5 text-[16px] font-bold" html={shippingAddress}></Text>}
-          <AddressForm
-            onChange={setAddress}
-            validate={validateAddress}
-            errors={validateErrors}
-            form={copy.redeemModal.product.addressForm}
-            countries={countries}
-            countriesLoading={countriesLoading}
-          ></AddressForm>
+          {copy.redeemModal?.product?.addressForm && (
+            <AddressForm
+              onChange={setAddress}
+              validate={validateAddress}
+              errors={validateErrors}
+              form={copy.redeemModal.product.addressForm}
+              countries={countries}
+              countriesLoading={countriesLoading}
+            ></AddressForm>
+          )}
         </div>
       </div>
       <div className="sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]">