mainstack-payments 1.0.28 → 1.0.29

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 (2) hide show
  1. package/build/mainstack-payments.js +315 -314
  2. package/package.json +1 -1
package/build/mainstack-payments.js CHANGED
@@ -26772,353 +26772,354 @@ const yu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, xn = (e) => {
26772
26772
  zIndex: 10,
26773
26773
  py: m ? "16px" : { base: "16px", lg: "48px" },
26774
26774
  position: m ? "static" : { base: "static", lg: "fixed" },
26775
- children: /* @__PURE__ */ F(Ae, { width: E ?? "356px", mx: "auto", children: [
26776
- /* @__PURE__ */ F(
26777
- Ae,
26778
- {
26779
- textAlign: m ? "center" : { base: "center", lg: "left" },
26780
- children: [
26781
- g.totalAmountPlusFees <= 0 ? /* @__PURE__ */ p(vt, {}) : typeof t == "string" ? /* @__PURE__ */ p(N, { color: "#7D879B", children: t }) : /* @__PURE__ */ p(vt, { children: t }),
26782
- a ? /* @__PURE__ */ p(
26783
- cd,
26784
- {
26785
- height: "20px",
26786
- width: m ? "100%" : { base: "100%", lg: "100px" }
26787
- }
26788
- ) : /* @__PURE__ */ p(
26789
- N,
26790
- {
26791
- as: "h6",
26792
- fontSize: "1.25rem",
26793
- lineHeight: "32px",
26794
- fontWeight: 700,
26795
- letterSpacing: "-1px",
26796
- fontFamily: "Bricolage Grotesque",
26797
- children: g.totalAmountPlusFees > 0 ? `${n} ${o != null && o.isFullDiscount ? "0.00" : xn(g.totalAmountPlusFees)}` : "Free"
26798
- }
26799
- )
26800
- ]
26801
- }
26802
- ),
26803
- /* @__PURE__ */ F(hi, { in: !_ && !m || T, children: [
26804
- (ge = y == null ? void 0 : y[0]) != null && ge.image ? /* @__PURE__ */ p(vt, { children: Array.isArray(y) && y.length > 0 && /* @__PURE__ */ p(Ae, { pt: "20px", pb: "12px", borderBottom: "1px solid #E8EBF2", children: y.map((z, oe) => /* @__PURE__ */ F(le, { justifyContent: "space-between", children: [
26805
- /* @__PURE__ */ p(
26806
- vi,
26775
+ children: /* @__PURE__ */ F(
26776
+ Ae,
26777
+ {
26778
+ width: m ? "100%" : { base: "100%", lg: E ?? "356px" },
26779
+ mx: "auto",
26780
+ children: [
26781
+ /* @__PURE__ */ F(
26782
+ Ae,
26807
26783
  {
26808
- src: z.image,
26809
- alt: "product-card",
26810
- width: "56px",
26811
- height: "42px",
26812
- objectFit: "cover",
26813
- borderRadius: "6px"
26784
+ textAlign: m ? "center" : { base: "center", lg: "left" },
26785
+ children: [
26786
+ g.totalAmountPlusFees <= 0 ? /* @__PURE__ */ p(vt, {}) : typeof t == "string" ? /* @__PURE__ */ p(N, { color: "#7D879B", children: t }) : /* @__PURE__ */ p(vt, { children: t }),
26787
+ a ? /* @__PURE__ */ p(cd, { height: "20px", width: "100px", mx: "auto" }) : /* @__PURE__ */ p(
26788
+ N,
26789
+ {
26790
+ as: "h6",
26791
+ fontSize: "1.25rem",
26792
+ lineHeight: "32px",
26793
+ fontWeight: 700,
26794
+ letterSpacing: "-1px",
26795
+ fontFamily: "Bricolage Grotesque",
26796
+ children: g.totalAmountPlusFees > 0 ? `${n} ${o != null && o.isFullDiscount ? "0.00" : xn(g.totalAmountPlusFees)}` : "Free"
26797
+ }
26798
+ )
26799
+ ]
26814
26800
  }
26815
26801
  ),
26816
- /* @__PURE__ */ F(Ae, { children: [
26817
- /* @__PURE__ */ F(
26818
- N,
26819
- {
26820
- overflow: "hidden",
26821
- color: "#7D879B",
26822
- textAlign: "right",
26823
- textOverflow: "ellipsis",
26824
- children: [
26825
- z.name,
26826
- " ",
26827
- z.quantity > 1 && `(x ${z.quantity})`
26828
- ]
26829
- }
26830
- ),
26831
- /* @__PURE__ */ F(N, { textAlign: "right", fontWeight: 600, children: [
26832
- z.currency,
26833
- " ",
26834
- xn(z.price)
26835
- ] })
26836
- ] })
26837
- ] }, oe)) }) }) : /* @__PURE__ */ F(Ae, { borderBottom: "1px solid #E8EBF2", py: "12px", children: [
26838
- /* @__PURE__ */ F(le, { justifyContent: "space-between", alignItems: "center", children: [
26839
- /* @__PURE__ */ p(
26840
- vi,
26841
- {
26842
- src: x,
26843
- alt: "product-card",
26844
- width: "56px",
26845
- height: "42px",
26846
- objectFit: "cover",
26847
- borderRadius: "6px"
26848
- }
26849
- ),
26850
- /* @__PURE__ */ F(Ae, { children: [
26851
- /* @__PURE__ */ F(
26852
- N,
26802
+ /* @__PURE__ */ F(hi, { in: !_ && !m || T, children: [
26803
+ (ge = y == null ? void 0 : y[0]) != null && ge.image ? /* @__PURE__ */ p(vt, { children: Array.isArray(y) && y.length > 0 && /* @__PURE__ */ p(Ae, { pt: "20px", pb: "12px", borderBottom: "1px solid #E8EBF2", children: y.map((z, oe) => /* @__PURE__ */ F(le, { justifyContent: "space-between", children: [
26804
+ /* @__PURE__ */ p(
26805
+ vi,
26853
26806
  {
26854
- overflow: "hidden",
26855
- color: "#7D879B",
26856
- textAlign: "right",
26857
- textOverflow: "ellipsis",
26858
- children: [
26859
- S,
26860
- " ",
26861
- v > 1 && `(x ${v})`
26862
- ]
26807
+ src: z.image,
26808
+ alt: "product-card",
26809
+ width: "56px",
26810
+ height: "42px",
26811
+ objectFit: "cover",
26812
+ borderRadius: "6px"
26863
26813
  }
26864
26814
  ),
26865
- !y && /* @__PURE__ */ F(N, { textAlign: "right", fontWeight: 600, children: [
26866
- n,
26867
- " ",
26868
- xn(r)
26869
- ] })
26870
- ] })
26871
- ] }),
26872
- Array.isArray(y) && y.length > 0 && /* @__PURE__ */ p(Ae, { pt: "12px", children: y.map((z, oe) => /* @__PURE__ */ F(
26873
- le,
26874
- {
26875
- justifyContent: "space-between",
26876
- alignItems: "center",
26877
- children: [
26878
- /* @__PURE__ */ F(N, { children: [
26879
- z.quantity ?? 1,
26880
- " x ",
26881
- z.name
26882
- ] }),
26815
+ /* @__PURE__ */ F(Ae, { children: [
26816
+ /* @__PURE__ */ F(
26817
+ N,
26818
+ {
26819
+ overflow: "hidden",
26820
+ color: "#7D879B",
26821
+ textAlign: "right",
26822
+ textOverflow: "ellipsis",
26823
+ children: [
26824
+ z.name,
26825
+ " ",
26826
+ z.quantity > 1 && `(x ${z.quantity})`
26827
+ ]
26828
+ }
26829
+ ),
26883
26830
  /* @__PURE__ */ F(N, { textAlign: "right", fontWeight: 600, children: [
26884
26831
  z.currency,
26885
26832
  " ",
26886
26833
  xn(z.price)
26887
26834
  ] })
26888
- ]
26889
- },
26890
- oe
26891
- )) })
26892
- ] }),
26893
- /* @__PURE__ */ F(le, { flexDirection: "column", gap: "12px", mt: "16px", children: [
26894
- /* @__PURE__ */ F(le, { width: "100%", justifyContent: "space-between", children: [
26895
- /* @__PURE__ */ p(N, { fontWeight: 400, children: "Subtotal" }),
26896
- /* @__PURE__ */ F(N, { fontWeight: 600, children: [
26897
- n,
26898
- " ",
26899
- xn(r)
26900
- ] })
26901
- ] }),
26902
- !(o != null && o.isFullDiscount) && /* @__PURE__ */ F(vt, { children: [
26903
- " ",
26904
- f.localTaxFees > 0 && f.shouldApplyTax && /* @__PURE__ */ F(le, { width: "100%", justifyContent: "space-between", children: [
26905
- /* @__PURE__ */ p(le, { alignItems: "center", children: /* @__PURE__ */ F(N, { fontWeight: 400, mr: "8px", children: [
26906
- "Sales Tax (",
26907
- f.taxedPercent,
26908
- "%)"
26909
- ] }) }),
26910
- /* @__PURE__ */ F(N, { fontWeight: 600, children: [
26911
- n,
26912
- " ",
26913
- xn(f.localTaxFees)
26914
26835
  ] })
26915
- ] }),
26916
- h.applySwitchingFee && h.localSwitchingFee > 0 && /* @__PURE__ */ F(le, { width: "100%", justifyContent: "space-between", children: [
26917
- /* @__PURE__ */ F(le, { alignItems: "center", children: [
26918
- /* @__PURE__ */ p(N, { fontWeight: 400, mr: "8px", children: "Currency switching fee" }),
26836
+ ] }, oe)) }) }) : /* @__PURE__ */ F(Ae, { borderBottom: "1px solid #E8EBF2", py: "12px", children: [
26837
+ /* @__PURE__ */ F(le, { justifyContent: "space-between", alignItems: "center", children: [
26919
26838
  /* @__PURE__ */ p(
26920
- wp,
26839
+ vi,
26921
26840
  {
26922
- body: `This ${h.switchingFeeRate}% fee applies when you choose to pay in a currency other than the default currency for your location.`,
26923
- label: "Currency switching fee",
26924
- triggerComponent: /* @__PURE__ */ p(Ks, { boxSize: "20px", mt: "-4px" }),
26925
- fontFamily: "inherit"
26841
+ src: x,
26842
+ alt: "product-card",
26843
+ width: "56px",
26844
+ height: "42px",
26845
+ objectFit: "cover",
26846
+ borderRadius: "6px"
26926
26847
  }
26927
- )
26848
+ ),
26849
+ /* @__PURE__ */ F(Ae, { children: [
26850
+ /* @__PURE__ */ F(
26851
+ N,
26852
+ {
26853
+ overflow: "hidden",
26854
+ color: "#7D879B",
26855
+ textAlign: "right",
26856
+ textOverflow: "ellipsis",
26857
+ children: [
26858
+ S,
26859
+ " ",
26860
+ v > 1 && `(x ${v})`
26861
+ ]
26862
+ }
26863
+ ),
26864
+ !y && /* @__PURE__ */ F(N, { textAlign: "right", fontWeight: 600, children: [
26865
+ n,
26866
+ " ",
26867
+ xn(r)
26868
+ ] })
26869
+ ] })
26928
26870
  ] }),
26929
- /* @__PURE__ */ F(N, { fontWeight: 600, children: [
26930
- n,
26931
- " ",
26932
- xn(h.localSwitchingFee)
26933
- ] })
26871
+ Array.isArray(y) && y.length > 0 && /* @__PURE__ */ p(Ae, { pt: "12px", children: y.map((z, oe) => /* @__PURE__ */ F(
26872
+ le,
26873
+ {
26874
+ justifyContent: "space-between",
26875
+ alignItems: "center",
26876
+ children: [
26877
+ /* @__PURE__ */ F(N, { children: [
26878
+ z.quantity ?? 1,
26879
+ " x ",
26880
+ z.name
26881
+ ] }),
26882
+ /* @__PURE__ */ F(N, { textAlign: "right", fontWeight: 600, children: [
26883
+ z.currency,
26884
+ " ",
26885
+ xn(z.price)
26886
+ ] })
26887
+ ]
26888
+ },
26889
+ oe
26890
+ )) })
26934
26891
  ] }),
26935
- g.totalAmountPlusFees > 0 && /* @__PURE__ */ F(le, { width: "100%", justifyContent: "space-between", children: [
26936
- /* @__PURE__ */ F(le, { alignItems: "center", children: [
26937
- /* @__PURE__ */ p(N, { fontWeight: 400, mr: "8px", children: "Fees" }),
26892
+ /* @__PURE__ */ F(le, { flexDirection: "column", gap: "12px", mt: "16px", children: [
26893
+ /* @__PURE__ */ F(le, { width: "100%", justifyContent: "space-between", children: [
26894
+ /* @__PURE__ */ p(N, { fontWeight: 400, children: "Subtotal" }),
26895
+ /* @__PURE__ */ F(N, { fontWeight: 600, children: [
26896
+ n,
26897
+ " ",
26898
+ xn(r)
26899
+ ] })
26900
+ ] }),
26901
+ !(o != null && o.isFullDiscount) && /* @__PURE__ */ F(vt, { children: [
26902
+ " ",
26903
+ f.localTaxFees > 0 && f.shouldApplyTax && /* @__PURE__ */ F(le, { width: "100%", justifyContent: "space-between", children: [
26904
+ /* @__PURE__ */ p(le, { alignItems: "center", children: /* @__PURE__ */ F(N, { fontWeight: 400, mr: "8px", children: [
26905
+ "Sales Tax (",
26906
+ f.taxedPercent,
26907
+ "%)"
26908
+ ] }) }),
26909
+ /* @__PURE__ */ F(N, { fontWeight: 600, children: [
26910
+ n,
26911
+ " ",
26912
+ xn(f.localTaxFees)
26913
+ ] })
26914
+ ] }),
26915
+ h.applySwitchingFee && h.localSwitchingFee > 0 && /* @__PURE__ */ F(le, { width: "100%", justifyContent: "space-between", children: [
26916
+ /* @__PURE__ */ F(le, { alignItems: "center", children: [
26917
+ /* @__PURE__ */ p(N, { fontWeight: 400, mr: "8px", children: "Currency switching fee" }),
26918
+ /* @__PURE__ */ p(
26919
+ wp,
26920
+ {
26921
+ body: `This ${h.switchingFeeRate}% fee applies when you choose to pay in a currency other than the default currency for your location.`,
26922
+ label: "Currency switching fee",
26923
+ triggerComponent: /* @__PURE__ */ p(Ks, { boxSize: "20px", mt: "-4px" }),
26924
+ fontFamily: "inherit"
26925
+ }
26926
+ )
26927
+ ] }),
26928
+ /* @__PURE__ */ F(N, { fontWeight: 600, children: [
26929
+ n,
26930
+ " ",
26931
+ xn(h.localSwitchingFee)
26932
+ ] })
26933
+ ] }),
26934
+ g.totalAmountPlusFees > 0 && /* @__PURE__ */ F(le, { width: "100%", justifyContent: "space-between", children: [
26935
+ /* @__PURE__ */ F(le, { alignItems: "center", children: [
26936
+ /* @__PURE__ */ p(N, { fontWeight: 400, mr: "8px", children: "Fees" }),
26937
+ /* @__PURE__ */ p(
26938
+ wp,
26939
+ {
26940
+ body: /* @__PURE__ */ p(Ae, { mb: "20px", children: (he = g.applied_fees) == null ? void 0 : he.map((z) => /* @__PURE__ */ F(ke, { mb: "5px", children: [
26941
+ z.display_name,
26942
+ ": ",
26943
+ z.amount,
26944
+ "%",
26945
+ " ",
26946
+ ae(z.extra)
26947
+ ] }, z._id)) }),
26948
+ label: "Fees",
26949
+ triggerComponent: /* @__PURE__ */ p(Ks, { boxSize: "20px", mt: "-4px" }),
26950
+ fontFamily: "inherit"
26951
+ }
26952
+ )
26953
+ ] }),
26954
+ /* @__PURE__ */ F(N, { fontWeight: 600, children: [
26955
+ n,
26956
+ " ",
26957
+ xn(g.transactionFeeValue)
26958
+ ] })
26959
+ ] })
26960
+ ] }),
26961
+ o && (o == null ? void 0 : o.amount) > 0 && /* @__PURE__ */ F(le, { justify: "space-between", mb: "20px", alignItems: "center", children: [
26962
+ /* @__PURE__ */ F(
26963
+ le,
26964
+ {
26965
+ justify: "center",
26966
+ padding: "8px",
26967
+ alignItems: "center",
26968
+ gap: "2px",
26969
+ borderRadius: "64px",
26970
+ backgroundColor: "#E8EBF2",
26971
+ children: [
26972
+ /* @__PURE__ */ p(S1, { boxSize: "20px" }),
26973
+ /* @__PURE__ */ F(
26974
+ ke,
26975
+ {
26976
+ fontSize: "12px",
26977
+ color: "#111215",
26978
+ fontWeight: 500,
26979
+ lineHeight: "22px",
26980
+ letterSpacing: "-0.2px",
26981
+ children: [
26982
+ (o == null ? void 0 : o.type) === "percentage" ? `${o == null ? void 0 : o.value}% ` : `${n} ${o == null ? void 0 : o.amount} `,
26983
+ "Discount ",
26984
+ " - ",
26985
+ l
26986
+ ]
26987
+ }
26988
+ ),
26989
+ /* @__PURE__ */ p(
26990
+ vu,
26991
+ {
26992
+ boxSize: "20px",
26993
+ onClick: B,
26994
+ cursor: "pointer"
26995
+ }
26996
+ )
26997
+ ]
26998
+ }
26999
+ ),
27000
+ /* @__PURE__ */ F(N, { fontWeight: 600, children: [
27001
+ "-",
27002
+ n,
27003
+ " ",
27004
+ xn(o == null ? void 0 : o.amount)
27005
+ ] })
27006
+ ] }),
27007
+ s && !(o != null && o.amount) && r > 0 && /* @__PURE__ */ p(Ae, { mb: "20px", children: /* @__PURE__ */ F(
27008
+ le,
27009
+ {
27010
+ alignItems: "center",
27011
+ gap: "12px",
27012
+ bg: "white",
27013
+ border: "1px solid #E8EBF2",
27014
+ pr: "6px",
27015
+ py: "5px",
27016
+ pl: "12px",
27017
+ borderRadius: "12px",
27018
+ children: [
27019
+ /* @__PURE__ */ p(
27020
+ Ol,
27021
+ {
27022
+ id: "discount_code",
27023
+ placeholder: "Add discount code",
27024
+ name: "discount_code",
27025
+ type: "text",
27026
+ onChange: (z) => {
27027
+ var oe;
27028
+ c((oe = z == null ? void 0 : z.target) == null ? void 0 : oe.value);
27029
+ },
27030
+ value: l,
27031
+ border: "none",
27032
+ p: "0px",
27033
+ lineHeight: "22px",
27034
+ fontSize: "12px",
27035
+ letterSpacing: "-0.2px",
27036
+ height: "auto",
27037
+ outline: "0px",
27038
+ _focus: {
27039
+ border: "0px",
27040
+ boxShadow: "none"
27041
+ }
27042
+ }
27043
+ ),
27044
+ /* @__PURE__ */ p(
27045
+ wf,
27046
+ {
27047
+ borderRadius: "6px",
27048
+ bgColor: "#F2F4F7",
27049
+ py: "8px",
27050
+ px: "14px",
27051
+ lineHeight: "20px",
27052
+ fontSize: "12px",
27053
+ letterSpacing: "-0.4px",
27054
+ fontWeight: 500,
27055
+ color: "#111215",
27056
+ onClick: R,
27057
+ isLoading: d,
27058
+ disabled: l === "",
27059
+ outlineOffset: "0px",
27060
+ height: "auto",
27061
+ children: "Apply"
27062
+ }
27063
+ )
27064
+ ]
27065
+ }
27066
+ ) }),
27067
+ /* @__PURE__ */ F(le, { width: "100%", justifyContent: "space-between", children: [
26938
27068
  /* @__PURE__ */ p(
26939
- wp,
27069
+ ke,
27070
+ {
27071
+ fontSize: "1rem",
27072
+ lineHeight: "32px",
27073
+ fontWeight: 700,
27074
+ letterSpacing: "-0.2px",
27075
+ fontFamily: "Bricolage Grotesque",
27076
+ children: "Total due"
27077
+ }
27078
+ ),
27079
+ a ? /* @__PURE__ */ p(cd, { height: "20px", width: "100px" }) : /* @__PURE__ */ F(
27080
+ ke,
26940
27081
  {
26941
- body: /* @__PURE__ */ p(Ae, { mb: "20px", children: (he = g.applied_fees) == null ? void 0 : he.map((z) => /* @__PURE__ */ F(ke, { mb: "5px", children: [
26942
- z.display_name,
26943
- ": ",
26944
- z.amount,
26945
- "%",
27082
+ fontSize: "1rem",
27083
+ lineHeight: "32px",
27084
+ fontWeight: 700,
27085
+ letterSpacing: "-0.2px",
27086
+ fontFamily: "Bricolage Grotesque",
27087
+ children: [
27088
+ n,
26946
27089
  " ",
26947
- ae(z.extra)
26948
- ] }, z._id)) }),
26949
- label: "Fees",
26950
- triggerComponent: /* @__PURE__ */ p(Ks, { boxSize: "20px", mt: "-4px" }),
26951
- fontFamily: "inherit"
27090
+ o != null && o.isFullDiscount ? "0.00" : xn(g.totalAmountPlusFees)
27091
+ ]
26952
27092
  }
26953
27093
  )
26954
- ] }),
26955
- /* @__PURE__ */ F(N, { fontWeight: 600, children: [
26956
- n,
26957
- " ",
26958
- xn(g.transactionFeeValue)
26959
27094
  ] })
26960
27095
  ] })
26961
27096
  ] }),
26962
- o && (o == null ? void 0 : o.amount) > 0 && /* @__PURE__ */ F(le, { justify: "space-between", mb: "20px", alignItems: "center", children: [
26963
- /* @__PURE__ */ F(
26964
- le,
26965
- {
26966
- justify: "center",
26967
- padding: "8px",
26968
- alignItems: "center",
26969
- gap: "2px",
26970
- borderRadius: "64px",
26971
- backgroundColor: "#E8EBF2",
26972
- children: [
26973
- /* @__PURE__ */ p(S1, { boxSize: "20px" }),
26974
- /* @__PURE__ */ F(
26975
- ke,
26976
- {
26977
- fontSize: "12px",
26978
- color: "#111215",
26979
- fontWeight: 500,
26980
- lineHeight: "22px",
26981
- letterSpacing: "-0.2px",
26982
- children: [
26983
- (o == null ? void 0 : o.type) === "percentage" ? `${o == null ? void 0 : o.value}% ` : `${n} ${o == null ? void 0 : o.amount} `,
26984
- "Discount ",
26985
- " - ",
26986
- l
26987
- ]
26988
- }
26989
- ),
26990
- /* @__PURE__ */ p(
26991
- vu,
26992
- {
26993
- boxSize: "20px",
26994
- onClick: B,
26995
- cursor: "pointer"
26996
- }
26997
- )
26998
- ]
26999
- }
27000
- ),
27001
- /* @__PURE__ */ F(N, { fontWeight: 600, children: [
27002
- "-",
27003
- n,
27004
- " ",
27005
- xn(o == null ? void 0 : o.amount)
27006
- ] })
27007
- ] }),
27008
- s && !(o != null && o.amount) && r > 0 && /* @__PURE__ */ p(Ae, { mb: "20px", children: /* @__PURE__ */ F(
27097
+ (_ || m) && /* @__PURE__ */ F(
27009
27098
  le,
27010
27099
  {
27100
+ py: "12px",
27101
+ justifyContent: "center",
27011
27102
  alignItems: "center",
27012
- gap: "12px",
27013
- bg: "white",
27014
- border: "1px solid #E8EBF2",
27015
- pr: "6px",
27016
- py: "5px",
27017
- pl: "12px",
27018
- borderRadius: "12px",
27103
+ cursor: "pointer",
27104
+ onClick: $,
27105
+ opacity: T ? 1 : 0.6,
27106
+ transition: "opacity 0.2s",
27019
27107
  children: [
27108
+ /* @__PURE__ */ p(N, { fontWeight: 500, children: T ? "Hide details" : "More details" }),
27020
27109
  /* @__PURE__ */ p(
27021
- Ol,
27022
- {
27023
- id: "discount_code",
27024
- placeholder: "Add discount code",
27025
- name: "discount_code",
27026
- type: "text",
27027
- onChange: (z) => {
27028
- var oe;
27029
- c((oe = z == null ? void 0 : z.target) == null ? void 0 : oe.value);
27030
- },
27031
- value: l,
27032
- border: "none",
27033
- p: "0px",
27034
- lineHeight: "22px",
27035
- fontSize: "12px",
27036
- letterSpacing: "-0.2px",
27037
- height: "auto",
27038
- outline: "0px",
27039
- _focus: {
27040
- border: "0px",
27041
- boxShadow: "none"
27042
- }
27043
- }
27044
- ),
27045
- /* @__PURE__ */ p(
27046
- wf,
27110
+ Wa,
27047
27111
  {
27048
- borderRadius: "6px",
27049
- bgColor: "#F2F4F7",
27050
- py: "8px",
27051
- px: "14px",
27052
- lineHeight: "20px",
27053
- fontSize: "12px",
27054
- letterSpacing: "-0.4px",
27055
- fontWeight: 500,
27056
- color: "#111215",
27057
- onClick: R,
27058
- isLoading: d,
27059
- disabled: l === "",
27060
- outlineOffset: "0px",
27061
- height: "auto",
27062
- children: "Apply"
27112
+ transform: T ? "rotate(180deg)" : "rotate(0deg)",
27113
+ transition: "transform 0.2s",
27114
+ boxSize: "24px"
27063
27115
  }
27064
27116
  )
27065
27117
  ]
27066
27118
  }
27067
- ) }),
27068
- /* @__PURE__ */ F(le, { width: "100%", justifyContent: "space-between", children: [
27069
- /* @__PURE__ */ p(
27070
- ke,
27071
- {
27072
- fontSize: "1rem",
27073
- lineHeight: "32px",
27074
- fontWeight: 700,
27075
- letterSpacing: "-0.2px",
27076
- fontFamily: "Bricolage Grotesque",
27077
- children: "Total due"
27078
- }
27079
- ),
27080
- a ? /* @__PURE__ */ p(cd, { height: "20px", width: "100px" }) : /* @__PURE__ */ F(
27081
- ke,
27082
- {
27083
- fontSize: "1rem",
27084
- lineHeight: "32px",
27085
- fontWeight: 700,
27086
- letterSpacing: "-0.2px",
27087
- fontFamily: "Bricolage Grotesque",
27088
- children: [
27089
- n,
27090
- " ",
27091
- o != null && o.isFullDiscount ? "0.00" : xn(g.totalAmountPlusFees)
27092
- ]
27093
- }
27094
- )
27095
- ] })
27096
- ] })
27097
- ] }),
27098
- (_ || m) && /* @__PURE__ */ F(
27099
- le,
27100
- {
27101
- py: "12px",
27102
- justifyContent: "center",
27103
- alignItems: "center",
27104
- cursor: "pointer",
27105
- onClick: $,
27106
- opacity: T ? 1 : 0.6,
27107
- transition: "opacity 0.2s",
27108
- children: [
27109
- /* @__PURE__ */ p(N, { fontWeight: 500, children: T ? "Hide details" : "More details" }),
27110
- /* @__PURE__ */ p(
27111
- Wa,
27112
- {
27113
- transform: T ? "rotate(180deg)" : "rotate(0deg)",
27114
- transition: "transform 0.2s",
27115
- boxSize: "24px"
27116
- }
27117
- )
27118
- ]
27119
- }
27120
- )
27121
- ] })
27119
+ )
27120
+ ]
27121
+ }
27122
+ )
27122
27123
  }
27123
27124
  );
27124
27125
  }, xI = ({
@@ -28250,7 +28251,7 @@ const CI = (e) => /* @__PURE__ */ F(gn, { viewBox: "0 0 32 32", ...e, fill: "non
28250
28251
  {
28251
28252
  itemsList: L,
28252
28253
  styles: {
28253
- width: H ? "auto" : { lg: `${Zi}px` }
28254
+ width: H ? "100%" : { base: "100%", lg: `${Zi}px` }
28254
28255
  },
28255
28256
  summaryTitle: t ?? (Ie == null ? void 0 : Ie.productName),
28256
28257
  currency: y,
@@ -28295,7 +28296,7 @@ const CI = (e) => /* @__PURE__ */ F(gn, { viewBox: "0 0 32 32", ...e, fill: "non
28295
28296
  justifyContent: "center",
28296
28297
  pt: { base: "20px", lg: "48px" },
28297
28298
  overflowY: "auto",
28298
- height: "90vh",
28299
+ height: { base: "100%", lg: "90vh" },
28299
28300
  px: H ? "16px" : { base: "0px", lg: "32px" },
28300
28301
  children: /* @__PURE__ */ F(Ae, { width: "100%", maxWidth: "560px", children: [
28301
28302
  /* @__PURE__ */ p(vt, { children: f }),
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "mainstack-payments",
3
3
  "type": "module",
4
- "version": "1.0.28",
4
+ "version": "1.0.29",
5
5
  "main": "build/mainstack-payments.js",
6
6
  "types": "build/src/index.d.ts",
7
7
  "files": [