@spare-technologies/spare-link 0.1.0-beta.0

package/lib/module/ui/consent/multi-payment-rules-list.js

@@ -0,0 +1,125 @@
+"use strict";
+
+import { ScrollView, StyleSheet, Text, View } from 'react-native';
+import { PaymentType } from "../../core/models/payment-type.js";
+import { Colors, FONT_FAMILY } from "../theme/index.js";
+import { LabelValueRows } from "./label-value-rows.js";
+
+/** Number of defined-schedule entry cards visible before scrolling. */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const DEFINED_SCHEDULE_VISIBLE_ENTRY_COUNT = 3;
+
+/** Approximate height of one defined-schedule entry card (incl. spacing). */
+export const DEFINED_SCHEDULE_ENTRY_EXTENT = 96;
+export function MultiPaymentRulesList(props) {
+  const {
+    rules,
+    paymentType
+  } = props;
+  if (rules.length === 0) {
+    return /*#__PURE__*/_jsxs(View, {
+      testID: "multi-payment-rules-list",
+      children: [props.rulesTitle ? /*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        children: props.rulesTitle
+      }) : null, /*#__PURE__*/_jsx(Text, {
+        style: styles.empty,
+        children: "\u2014"
+      })]
+    });
+  }
+  const isDefinedSchedule = paymentType === PaymentType.fixedDefinedSchedule || paymentType === PaymentType.variableDefinedSchedule;
+  return /*#__PURE__*/_jsxs(View, {
+    testID: "multi-payment-rules-list",
+    children: [props.rulesTitle ? /*#__PURE__*/_jsx(Text, {
+      style: styles.title,
+      children: props.rulesTitle
+    }) : null, isDefinedSchedule ? /*#__PURE__*/_jsx(DefinedScheduleEntries, {
+      rules: rules
+    }) : /*#__PURE__*/_jsx(LabelValueRows, {
+      rows: rules
+    })]
+  });
+}
+function DefinedScheduleEntries(props) {
+  const entries = groupDefinedScheduleEntries(props.rules);
+  if (entries.length <= DEFINED_SCHEDULE_VISIBLE_ENTRY_COUNT) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: entries.map((entry, index) => /*#__PURE__*/_jsx(DefinedScheduleEntryCard, {
+        testID: `payment-schedule-entry-${index}`,
+        rows: entry
+      }, definedScheduleEntryKey(entry)))
+    });
+  }
+  return /*#__PURE__*/_jsx(ScrollView, {
+    testID: "defined-schedule-scroll",
+    style: {
+      maxHeight: DEFINED_SCHEDULE_ENTRY_EXTENT * DEFINED_SCHEDULE_VISIBLE_ENTRY_COUNT
+    },
+    nestedScrollEnabled: true,
+    showsVerticalScrollIndicator: true,
+    children: entries.map((entry, index) => /*#__PURE__*/_jsx(DefinedScheduleEntryCard, {
+      testID: `payment-schedule-entry-${index}`,
+      rows: entry
+    }, definedScheduleEntryKey(entry)))
+  });
+}
+function DefinedScheduleEntryCard(props) {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.entryCard,
+    testID: props.testID,
+    children: /*#__PURE__*/_jsx(LabelValueRows, {
+      paddingHorizontal: 0,
+      rows: props.rows
+    })
+  });
+}
+
+/** Groups flat Amount/Date row pairs into per-payment entry lists. */
+export function groupDefinedScheduleEntries(rules) {
+  const entries = [];
+  for (const row of rules) {
+    if (row.label === 'Amount' || row.label === 'Max Amount') {
+      entries.push([row]);
+    } else if (row.label === 'Date' && entries.length > 0) {
+      entries[entries.length - 1]?.push(row);
+    }
+  }
+  return entries;
+}
+function definedScheduleEntryKey(entry) {
+  return entry.map(row => `${row.label}:${row.value}`).join('|');
+}
+const styles = StyleSheet.create({
+  title: {
+    fontFamily: FONT_FAMILY,
+    fontSize: 16,
+    fontWeight: '700',
+    color: Colors.textPrimary,
+    marginBottom: 8,
+    paddingHorizontal: 20
+  },
+  empty: {
+    fontFamily: FONT_FAMILY,
+    fontSize: 14,
+    color: Colors.textMuted,
+    paddingHorizontal: 20
+  },
+  entryCard: {
+    backgroundColor: Colors.surfaceCard,
+    borderRadius: 8,
+    paddingVertical: 10,
+    paddingHorizontal: 16,
+    marginBottom: 10,
+    marginHorizontal: 20,
+    shadowColor: '#000000',
+    shadowOpacity: 0.06,
+    shadowRadius: 4,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    elevation: 1
+  }
+});
+//# sourceMappingURL=multi-payment-rules-list.js.map

package/lib/module/ui/consent/multi-payment-rules-list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","StyleSheet","Text","View","PaymentType","Colors","FONT_FAMILY","LabelValueRows","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEFINED_SCHEDULE_VISIBLE_ENTRY_COUNT","DEFINED_SCHEDULE_ENTRY_EXTENT","MultiPaymentRulesList","props","rules","paymentType","length","testID","children","rulesTitle","style","styles","title","empty","isDefinedSchedule","fixedDefinedSchedule","variableDefinedSchedule","DefinedScheduleEntries","rows","entries","groupDefinedScheduleEntries","map","entry","index","DefinedScheduleEntryCard","definedScheduleEntryKey","maxHeight","nestedScrollEnabled","showsVerticalScrollIndicator","entryCard","paddingHorizontal","row","label","push","value","join","create","fontFamily","fontSize","fontWeight","color","textPrimary","marginBottom","textMuted","backgroundColor","surfaceCard","borderRadius","paddingVertical","marginHorizontal","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","height","elevation"],"sourceRoot":"../../../../src","sources":["ui/consent/multi-payment-rules-list.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACjE,SAASC,WAAW,QAAQ,mCAAgC;AAE5D,SAASC,MAAM,EAAEC,WAAW,QAAQ,mBAAU;AAC9C,SAASC,cAAc,QAAQ,uBAAoB;;AAEnD;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACA,OAAO,MAAMC,oCAAoC,GAAG,CAAC;;AAErD;AACA,OAAO,MAAMC,6BAA6B,GAAG,EAAE;AAQ/C,OAAO,SAASC,qBAAqBA,CAACC,KAAiC,EAAe;EACpF,MAAM;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGF,KAAK;EAEpC,IAAIC,KAAK,CAACE,MAAM,KAAK,CAAC,EAAE;IACtB,oBACET,KAAA,CAACR,IAAI;MAACkB,MAAM,EAAC,0BAA0B;MAAAC,QAAA,GACpCL,KAAK,CAACM,UAAU,gBAAGd,IAAA,CAACP,IAAI;QAACsB,KAAK,EAAEC,MAAM,CAACC,KAAM;QAAAJ,QAAA,EAAEL,KAAK,CAACM;MAAU,CAAO,CAAC,GAAG,IAAI,eAC/Ed,IAAA,CAACP,IAAI;QAACsB,KAAK,EAAEC,MAAM,CAACE,KAAM;QAAAL,QAAA,EAAC;MAAC,CAAM,CAAC;IAAA,CAC/B,CAAC;EAEX;EAEA,MAAMM,iBAAiB,GACrBT,WAAW,KAAKf,WAAW,CAACyB,oBAAoB,IAChDV,WAAW,KAAKf,WAAW,CAAC0B,uBAAuB;EAErD,oBACEnB,KAAA,CAACR,IAAI;IAACkB,MAAM,EAAC,0BAA0B;IAAAC,QAAA,GACpCL,KAAK,CAACM,UAAU,gBAAGd,IAAA,CAACP,IAAI;MAACsB,KAAK,EAAEC,MAAM,CAACC,KAAM;MAAAJ,QAAA,EAAEL,KAAK,CAACM;IAAU,CAAO,CAAC,GAAG,IAAI,EAC9EK,iBAAiB,gBAChBnB,IAAA,CAACsB,sBAAsB;MAACb,KAAK,EAAEA;IAAM,CAAE,CAAC,gBAExCT,IAAA,CAACF,cAAc;MAACyB,IAAI,EAAEd;IAAM,CAAE,CAC/B;EAAA,CACG,CAAC;AAEX;AAEA,SAASa,sBAAsBA,CAACd,KAAiC,EAAe;EAC9E,MAAMgB,OAAO,GAAGC,2BAA2B,CAACjB,KAAK,CAACC,KAAK,CAAC;EAExD,IAAIe,OAAO,CAACb,MAAM,IAAIN,oCAAoC,EAAE;IAC1D,oBACEL,IAAA,CAAAI,SAAA;MAAAS,QAAA,EACGW,OAAO,CAACE,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBACxB5B,IAAA,CAAC6B,wBAAwB;QAEvBjB,MAAM,EAAE,0BAA0BgB,KAAK,EAAG;QAC1CL,IAAI,EAAEI;MAAM,GAFPG,uBAAuB,CAACH,KAAK,CAGnC,CACF;IAAC,CACF,CAAC;EAEP;EAEA,oBACE3B,IAAA,CAACT,UAAU;IACTqB,MAAM,EAAC,yBAAyB;IAChCG,KAAK,EAAE;MAAEgB,SAAS,EAAEzB,6BAA6B,GAAGD;IAAqC,CAAE;IAC3F2B,mBAAmB;IACnBC,4BAA4B;IAAApB,QAAA,EAE3BW,OAAO,CAACE,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBACxB5B,IAAA,CAAC6B,wBAAwB;MAEvBjB,MAAM,EAAE,0BAA0BgB,KAAK,EAAG;MAC1CL,IAAI,EAAEI;IAAM,GAFPG,uBAAuB,CAACH,KAAK,CAGnC,CACF;EAAC,CACQ,CAAC;AAEjB;AAEA,SAASE,wBAAwBA,CAACrB,KAGjC,EAAe;EACd,oBACER,IAAA,CAACN,IAAI;IAACqB,KAAK,EAAEC,MAAM,CAACkB,SAAU;IAACtB,MAAM,EAAEJ,KAAK,CAACI,MAAO;IAAAC,QAAA,eAClDb,IAAA,CAACF,cAAc;MAACqC,iBAAiB,EAAE,CAAE;MAACZ,IAAI,EAAEf,KAAK,CAACe;IAAK,CAAE;EAAC,CACtD,CAAC;AAEX;;AAEA;AACA,OAAO,SAASE,2BAA2BA,CAAChB,KAAsB,EAAqB;EACrF,MAAMe,OAA0B,GAAG,EAAE;EACrC,KAAK,MAAMY,GAAG,IAAI3B,KAAK,EAAE;IACvB,IAAI2B,GAAG,CAACC,KAAK,KAAK,QAAQ,IAAID,GAAG,CAACC,KAAK,KAAK,YAAY,EAAE;MACxDb,OAAO,CAACc,IAAI,CAAC,CAACF,GAAG,CAAC,CAAC;IACrB,CAAC,MAAM,IAAIA,GAAG,CAACC,KAAK,KAAK,MAAM,IAAIb,OAAO,CAACb,MAAM,GAAG,CAAC,EAAE;MACrDa,OAAO,CAACA,OAAO,CAACb,MAAM,GAAG,CAAC,CAAC,EAAE2B,IAAI,CAACF,GAAG,CAAC;IACxC;EACF;EACA,OAAOZ,OAAO;AAChB;AAEA,SAASM,uBAAuBA,CAACH,KAAsB,EAAU;EAC/D,OAAOA,KAAK,CAACD,GAAG,CAAEU,GAAG,IAAK,GAAGA,GAAG,CAACC,KAAK,IAAID,GAAG,CAACG,KAAK,EAAE,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;AAClE;AAEA,MAAMxB,MAAM,GAAGxB,UAAU,CAACiD,MAAM,CAAC;EAC/BxB,KAAK,EAAE;IACLyB,UAAU,EAAE7C,WAAW;IACvB8C,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEjD,MAAM,CAACkD,WAAW;IACzBC,YAAY,EAAE,CAAC;IACfZ,iBAAiB,EAAE;EACrB,CAAC;EACDjB,KAAK,EAAE;IACLwB,UAAU,EAAE7C,WAAW;IACvB8C,QAAQ,EAAE,EAAE;IACZE,KAAK,EAAEjD,MAAM,CAACoD,SAAS;IACvBb,iBAAiB,EAAE;EACrB,CAAC;EACDD,SAAS,EAAE;IACTe,eAAe,EAAErD,MAAM,CAACsD,WAAW;IACnCC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,EAAE;IACnBjB,iBAAiB,EAAE,EAAE;IACrBY,YAAY,EAAE,EAAE;IAChBM,gBAAgB,EAAE,EAAE;IACpBC,WAAW,EAAE,SAAS;IACtBC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/consent/multi-payment-summary.js

@@ -0,0 +1,95 @@
+"use strict";
+
+import { StyleSheet, Text, View } from 'react-native';
+import { Colors, FONT_FAMILY } from "../theme/index.js";
+import { ConsentAccordion } from "./consent-accordion.js";
+import { LabelValueRows, present } from "./label-value-rows.js";
+import { MultiPaymentRulesList } from "./multi-payment-rules-list.js";
+import { TermsLink } from "./terms-link.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MultiPaymentSummary(props) {
+  const {
+    data
+  } = props;
+  return /*#__PURE__*/_jsxs(View, {
+    testID: "multi-payment-summary",
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.card,
+      testID: "multi-payment-setup-card",
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.setupTitle,
+        children: "Payment setup"
+      }), /*#__PURE__*/_jsx(LabelValueRows, {
+        paddingHorizontal: 0,
+        rows: [{
+          label: 'Payment to',
+          value: present(data.creditorType)
+        }, {
+          label: 'Reference',
+          value: present(data.externalReference)
+        }, {
+          label: 'Payment Purpose',
+          value: present(data.paymentPurpose)
+        }]
+      })]
+    }), /*#__PURE__*/_jsx(ConsentAccordion, {
+      items: [{
+        header: data.rulesTitle,
+        children: /*#__PURE__*/_jsx(MultiPaymentRulesList, {
+          rules: data.rules,
+          paymentType: data.paymentType
+        })
+      }, {
+        header: 'To account',
+        children: /*#__PURE__*/_jsx(LabelValueRows, {
+          rows: [{
+            label: 'IBAN',
+            value: present(data.iban)
+          }, {
+            label: 'Payee Name',
+            value: present(data.creditorName)
+          }]
+        })
+      }, {
+        header: 'From account',
+        children: /*#__PURE__*/_jsx(LabelValueRows, {
+          rows: [{
+            label: 'Bank',
+            value: present(data.bankName)
+          }]
+        })
+      }, {
+        header: 'Terms',
+        initiallyExpanded: false,
+        children: /*#__PURE__*/_jsx(TermsLink, {})
+      }]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  card: {
+    backgroundColor: Colors.surfaceCard,
+    borderRadius: 12,
+    paddingVertical: 14,
+    paddingHorizontal: 20,
+    marginBottom: 14,
+    gap: 12,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: Colors.divider,
+    shadowColor: '#000000',
+    shadowOpacity: 0.06,
+    shadowRadius: 6,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    elevation: 2
+  },
+  setupTitle: {
+    fontFamily: FONT_FAMILY,
+    fontSize: 14,
+    fontWeight: '700',
+    color: Colors.textPrimary
+  }
+});
+//# sourceMappingURL=multi-payment-summary.js.map

package/lib/module/ui/consent/multi-payment-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","View","Colors","FONT_FAMILY","ConsentAccordion","LabelValueRows","present","MultiPaymentRulesList","TermsLink","jsx","_jsx","jsxs","_jsxs","MultiPaymentSummary","props","data","testID","children","style","styles","card","setupTitle","paddingHorizontal","rows","label","value","creditorType","externalReference","paymentPurpose","items","header","rulesTitle","rules","paymentType","iban","creditorName","bankName","initiallyExpanded","create","backgroundColor","surfaceCard","borderRadius","paddingVertical","marginBottom","gap","borderWidth","hairlineWidth","borderColor","divider","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","height","elevation","fontFamily","fontSize","fontWeight","color","textPrimary"],"sourceRoot":"../../../../src","sources":["ui/consent/multi-payment-summary.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/consent/single-payment-summary.js

@@ -0,0 +1,154 @@
+"use strict";
+
+import { Ionicons } from '@expo/vector-icons';
+import { StyleSheet, Text, View } from 'react-native';
+import { Colors, FONT_FAMILY, Spacing } from "../theme/index.js";
+import { ConsentAccordion } from "./consent-accordion.js";
+import { CopInformation, CopLoadingPlaceholder } from "./cop-information.js";
+import { LabelValueRows, present } from "./label-value-rows.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function SinglePaymentSummary(props) {
+  const {
+    data
+  } = props;
+  const creditor = data.creditorName?.trim();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(PaymentDetailsCard, {
+      amount: data.formattedAmount,
+      paymentReference: data.paymentReference,
+      paymentPurpose: data.paymentPurpose
+    }), /*#__PURE__*/_jsx(ConsentAccordion, {
+      items: [{
+        header: 'Payee Information',
+        children: /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(LabelValueRows, {
+            rows: [{
+              label: 'IBAN',
+              value: present(data.iban)
+            }]
+          }), creditor ? /*#__PURE__*/_jsx(LabelValueRows, {
+            rows: [{
+              label: 'Payee Name',
+              value: creditor
+            }]
+          }) : null, data.isCopLoading || data.copDisplay ? /*#__PURE__*/_jsxs(View, {
+            style: styles.copSection,
+            children: [/*#__PURE__*/_jsx(View, {
+              style: styles.copDivider,
+              testID: "consent-cop-divider"
+            }), data.isCopLoading ? /*#__PURE__*/_jsx(CopLoadingPlaceholder, {}) : data.copDisplay ? /*#__PURE__*/_jsx(CopInformation, {
+              display: data.copDisplay
+            }) : null]
+          }) : null]
+        })
+      }, {
+        header: 'Payer Information',
+        children: /*#__PURE__*/_jsx(LabelValueRows, {
+          rows: [{
+            label: 'Bank',
+            value: present(data.bankName)
+          }]
+        })
+      }]
+    })]
+  });
+}
+function PaymentDetailsCard(props) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.paymentCard,
+    testID: "consent-payment-details",
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.rowBetween,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.rowCenter,
+        children: [/*#__PURE__*/_jsx(Ionicons, {
+          name: "wallet-outline",
+          size: 18,
+          color: Colors.textPrimary
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.totalLabel,
+          children: "Payment Total"
+        })]
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.totalAmount,
+        testID: "consent-details-amount",
+        children: props.amount
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.rowBetween,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.muted,
+        children: "Payment References"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.muted,
+        children: present(props.paymentReference)
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.rowBetween,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.muted,
+        children: "Payment Purpose"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.muted,
+        children: present(props.paymentPurpose)
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  paymentCard: {
+    backgroundColor: Colors.surfaceCard,
+    borderRadius: 16,
+    paddingVertical: 14,
+    paddingHorizontal: 20,
+    marginBottom: 14,
+    gap: 10,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: Colors.divider,
+    shadowColor: '#000000',
+    shadowOpacity: 0.06,
+    shadowRadius: 6,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    elevation: 2
+  },
+  rowBetween: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  rowCenter: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: Spacing.sm
+  },
+  totalLabel: {
+    fontFamily: FONT_FAMILY,
+    fontSize: 14,
+    fontWeight: '700',
+    color: Colors.textPrimary
+  },
+  totalAmount: {
+    fontFamily: FONT_FAMILY,
+    fontSize: 14,
+    fontWeight: '700',
+    color: Colors.textPrimary
+  },
+  muted: {
+    fontFamily: FONT_FAMILY,
+    fontSize: 14,
+    color: Colors.textMuted
+  },
+  copSection: {
+    marginTop: 4
+  },
+  copDivider: {
+    height: StyleSheet.hairlineWidth,
+    backgroundColor: Colors.divider,
+    marginHorizontal: 20,
+    marginBottom: 8
+  }
+});
+//# sourceMappingURL=single-payment-summary.js.map

package/lib/module/ui/consent/single-payment-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Ionicons","StyleSheet","Text","View","Colors","FONT_FAMILY","Spacing","ConsentAccordion","CopInformation","CopLoadingPlaceholder","LabelValueRows","present","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SinglePaymentSummary","props","data","creditor","creditorName","trim","children","PaymentDetailsCard","amount","formattedAmount","paymentReference","paymentPurpose","items","header","rows","label","value","iban","isCopLoading","copDisplay","style","styles","copSection","copDivider","testID","display","bankName","paymentCard","rowBetween","rowCenter","name","size","color","textPrimary","totalLabel","totalAmount","muted","create","backgroundColor","surfaceCard","borderRadius","paddingVertical","paddingHorizontal","marginBottom","gap","borderWidth","hairlineWidth","borderColor","divider","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","height","elevation","flexDirection","justifyContent","alignItems","sm","fontFamily","fontSize","fontWeight","textMuted","marginTop","marginHorizontal"],"sourceRoot":"../../../../src","sources":["ui/consent/single-payment-summary.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,mBAAU;AACvD,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,cAAc,EAAEC,qBAAqB,QAAQ,sBAAmB;AACzE,SAASC,cAAc,EAAEC,OAAO,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAM7D,OAAO,SAASC,oBAAoBA,CAACC,KAAgC,EAAe;EAClF,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAME,QAAQ,GAAGD,IAAI,CAACE,YAAY,EAAEC,IAAI,CAAC,CAAC;EAE1C,oBACER,KAAA,CAAAE,SAAA;IAAAO,QAAA,gBACEX,IAAA,CAACY,kBAAkB;MACjBC,MAAM,EAAEN,IAAI,CAACO,eAAgB;MAC7BC,gBAAgB,EAAER,IAAI,CAACQ,gBAAiB;MACxCC,cAAc,EAAET,IAAI,CAACS;IAAe,CACrC,CAAC,eACFhB,IAAA,CAACN,gBAAgB;MACfuB,KAAK,EAAE,CACL;QACEC,MAAM,EAAE,mBAAmB;QAC3BP,QAAQ,eACNT,KAAA,CAAAE,SAAA;UAAAO,QAAA,gBACEX,IAAA,CAACH,cAAc;YAACsB,IAAI,EAAE,CAAC;cAAEC,KAAK,EAAE,MAAM;cAAEC,KAAK,EAAEvB,OAAO,CAACS,IAAI,CAACe,IAAI;YAAE,CAAC;UAAE,CAAE,CAAC,EACvEd,QAAQ,gBACPR,IAAA,CAACH,cAAc;YAACsB,IAAI,EAAE,CAAC;cAAEC,KAAK,EAAE,YAAY;cAAEC,KAAK,EAAEb;YAAS,CAAC;UAAE,CAAE,CAAC,GAClE,IAAI,EACPD,IAAI,CAACgB,YAAY,IAAIhB,IAAI,CAACiB,UAAU,gBACnCtB,KAAA,CAACZ,IAAI;YAACmC,KAAK,EAAEC,MAAM,CAACC,UAAW;YAAAhB,QAAA,gBAC7BX,IAAA,CAACV,IAAI;cAACmC,KAAK,EAAEC,MAAM,CAACE,UAAW;cAACC,MAAM,EAAC;YAAqB,CAAE,CAAC,EAC9DtB,IAAI,CAACgB,YAAY,gBAChBvB,IAAA,CAACJ,qBAAqB,IAAE,CAAC,GACvBW,IAAI,CAACiB,UAAU,gBACjBxB,IAAA,CAACL,cAAc;cAACmC,OAAO,EAAEvB,IAAI,CAACiB;YAAW,CAAE,CAAC,GAC1C,IAAI;UAAA,CACJ,CAAC,GACL,IAAI;QAAA,CACR;MAEN,CAAC,EACD;QACEN,MAAM,EAAE,mBAAmB;QAC3BP,QAAQ,eAAEX,IAAA,CAACH,cAAc;UAACsB,IAAI,EAAE,CAAC;YAAEC,KAAK,EAAE,MAAM;YAAEC,KAAK,EAAEvB,OAAO,CAACS,IAAI,CAACwB,QAAQ;UAAE,CAAC;QAAE,CAAE;MACvF,CAAC;IACD,CACH,CAAC;EAAA,CACF,CAAC;AAEP;AAEA,SAASnB,kBAAkBA,CAACN,KAI3B,EAAe;EACd,oBACEJ,KAAA,CAACZ,IAAI;IAACmC,KAAK,EAAEC,MAAM,CAACM,WAAY;IAACH,MAAM,EAAC,yBAAyB;IAAAlB,QAAA,gBAC/DT,KAAA,CAACZ,IAAI;MAACmC,KAAK,EAAEC,MAAM,CAACO,UAAW;MAAAtB,QAAA,gBAC7BT,KAAA,CAACZ,IAAI;QAACmC,KAAK,EAAEC,MAAM,CAACQ,SAAU;QAAAvB,QAAA,gBAC5BX,IAAA,CAACb,QAAQ;UAACgD,IAAI,EAAC,gBAAgB;UAACC,IAAI,EAAE,EAAG;UAACC,KAAK,EAAE9C,MAAM,CAAC+C;QAAY,CAAE,CAAC,eACvEtC,IAAA,CAACX,IAAI;UAACoC,KAAK,EAAEC,MAAM,CAACa,UAAW;UAAA5B,QAAA,EAAC;QAAa,CAAM,CAAC;MAAA,CAChD,CAAC,eACPX,IAAA,CAACX,IAAI;QAACoC,KAAK,EAAEC,MAAM,CAACc,WAAY;QAACX,MAAM,EAAC,wBAAwB;QAAAlB,QAAA,EAC7DL,KAAK,CAACO;MAAM,CACT,CAAC;IAAA,CACH,CAAC,eACPX,KAAA,CAACZ,IAAI;MAACmC,KAAK,EAAEC,MAAM,CAACO,UAAW;MAAAtB,QAAA,gBAC7BX,IAAA,CAACX,IAAI;QAACoC,KAAK,EAAEC,MAAM,CAACe,KAAM;QAAA9B,QAAA,EAAC;MAAkB,CAAM,CAAC,eACpDX,IAAA,CAACX,IAAI;QAACoC,KAAK,EAAEC,MAAM,CAACe,KAAM;QAAA9B,QAAA,EAAEb,OAAO,CAACQ,KAAK,CAACS,gBAAgB;MAAC,CAAO,CAAC;IAAA,CAC/D,CAAC,eACPb,KAAA,CAACZ,IAAI;MAACmC,KAAK,EAAEC,MAAM,CAACO,UAAW;MAAAtB,QAAA,gBAC7BX,IAAA,CAACX,IAAI;QAACoC,KAAK,EAAEC,MAAM,CAACe,KAAM;QAAA9B,QAAA,EAAC;MAAe,CAAM,CAAC,eACjDX,IAAA,CAACX,IAAI;QAACoC,KAAK,EAAEC,MAAM,CAACe,KAAM;QAAA9B,QAAA,EAAEb,OAAO,CAACQ,KAAK,CAACU,cAAc;MAAC,CAAO,CAAC;IAAA,CAC7D,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMU,MAAM,GAAGtC,UAAU,CAACsD,MAAM,CAAC;EAC/BV,WAAW,EAAE;IACXW,eAAe,EAAEpD,MAAM,CAACqD,WAAW;IACnCC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,EAAE;IAChBC,GAAG,EAAE,EAAE;IACPC,WAAW,EAAE9D,UAAU,CAAC+D,aAAa;IACrCC,WAAW,EAAE7D,MAAM,CAAC8D,OAAO;IAC3BC,WAAW,EAAE,SAAS;IACtBC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,SAAS,EAAE;EACb,CAAC;EACD3B,UAAU,EAAE;IAAE4B,aAAa,EAAE,KAAK;IAAEC,cAAc,EAAE,eAAe;IAAEC,UAAU,EAAE;EAAS,CAAC;EAC3F7B,SAAS,EAAE;IAAE2B,aAAa,EAAE,KAAK;IAAEE,UAAU,EAAE,QAAQ;IAAEd,GAAG,EAAExD,OAAO,CAACuE;EAAG,CAAC;EAC1EzB,UAAU,EAAE;IACV0B,UAAU,EAAEzE,WAAW;IACvB0E,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjB9B,KAAK,EAAE9C,MAAM,CAAC+C;EAChB,CAAC;EACDE,WAAW,EAAE;IACXyB,UAAU,EAAEzE,WAAW;IACvB0E,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjB9B,KAAK,EAAE9C,MAAM,CAAC+C;EAChB,CAAC;EACDG,KAAK,EAAE;IAAEwB,UAAU,EAAEzE,WAAW;IAAE0E,QAAQ,EAAE,EAAE;IAAE7B,KAAK,EAAE9C,MAAM,CAAC6E;EAAU,CAAC;EACzEzC,UAAU,EAAE;IAAE0C,SAAS,EAAE;EAAE,CAAC;EAC5BzC,UAAU,EAAE;IACV+B,MAAM,EAAEvE,UAAU,CAAC+D,aAAa;IAChCR,eAAe,EAAEpD,MAAM,CAAC8D,OAAO;IAC/BiB,gBAAgB,EAAE,EAAE;IACpBtB,YAAY,EAAE;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/consent/terms-link.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import { Linking, Pressable, StyleSheet, Text } from 'react-native';
+import { Colors, FONT_FAMILY } from "../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const TERMS_URL = 'https://terms.tryspare.com/ae/en';
+export function TermsLink() {
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "link",
+    onPress: () => void Linking.openURL(TERMS_URL),
+    testID: "consent-terms-link",
+    style: styles.wrap,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.link,
+      children: "View terms and conditions"
+    })
+  });
+}
+const styles = StyleSheet.create({
+  wrap: {
+    paddingHorizontal: 20,
+    paddingVertical: 4
+  },
+  link: {
+    fontFamily: FONT_FAMILY,
+    fontSize: 14,
+    color: Colors.spareBlue,
+    textDecorationLine: 'underline'
+  }
+});
+//# sourceMappingURL=terms-link.js.map

package/lib/module/ui/consent/terms-link.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Linking","Pressable","StyleSheet","Text","Colors","FONT_FAMILY","jsx","_jsx","TERMS_URL","TermsLink","accessibilityRole","onPress","openURL","testID","style","styles","wrap","children","link","create","paddingHorizontal","paddingVertical","fontFamily","fontSize","color","spareBlue","textDecorationLine"],"sourceRoot":"../../../../src","sources":["ui/consent/terms-link.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACnE,SAASC,MAAM,EAAEC,WAAW,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/C,MAAMC,SAAS,GAAG,kCAAkC;AAEpD,OAAO,SAASC,SAASA,CAAA,EAAgB;EACvC,oBACEF,IAAA,CAACN,SAAS;IACRS,iBAAiB,EAAC,MAAM;IACxBC,OAAO,EAAEA,CAAA,KAAM,KAAKX,OAAO,CAACY,OAAO,CAACJ,SAAS,CAAE;IAC/CK,MAAM,EAAC,oBAAoB;IAC3BC,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAC,QAAA,eAEnBV,IAAA,CAACJ,IAAI;MAACW,KAAK,EAAEC,MAAM,CAACG,IAAK;MAAAD,QAAA,EAAC;IAAyB,CAAM;EAAC,CACjD,CAAC;AAEhB;AAEA,MAAMF,MAAM,GAAGb,UAAU,CAACiB,MAAM,CAAC;EAC/BH,IAAI,EAAE;IAAEI,iBAAiB,EAAE,EAAE;IAAEC,eAAe,EAAE;EAAE,CAAC;EACnDH,IAAI,EAAE;IACJI,UAAU,EAAEjB,WAAW;IACvBkB,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEpB,MAAM,CAACqB,SAAS;IACvBC,kBAAkB,EAAE;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/hooks/use-payment-flow-state.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { useSyncExternalStore } from 'react';
+/**
+ * React hook that bridges {@link PaymentFlowController}'s observable to the
+ * component tree via `useSyncExternalStore`. Re-renders when the controller
+ * notifies a new state.
+ */
+export function usePaymentFlowState(controller) {
+  return useSyncExternalStore(notify => controller.subscribe(notify), () => controller.state, () => controller.state);
+}
+//# sourceMappingURL=use-payment-flow-state.js.map

package/lib/module/ui/hooks/use-payment-flow-state.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSyncExternalStore","usePaymentFlowState","controller","notify","subscribe","state"],"sourceRoot":"../../../../src","sources":["ui/hooks/use-payment-flow-state.ts"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,OAAO;AAI5C;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAACC,UAAiC,EAAoB;EACvF,OAAOF,oBAAoB,CACxBG,MAAM,IAAKD,UAAU,CAACE,SAAS,CAACD,MAAM,CAAC,EACxC,MAAMD,UAAU,CAACG,KAAK,EACtB,MAAMH,UAAU,CAACG,KACnB,CAAC;AACH","ignoreList":[]}