@fluid-app/portal-sdk 0.1.418 → 0.1.419
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.
- package/dist/{SubscriptionsScreen-D1uBNe9l.mjs → SubscriptionsScreen-Bmim9OmS.mjs} +1 -1
- package/dist/{SubscriptionsScreen-DjP9PTVi.cjs → SubscriptionsScreen-CrY8hxDZ.cjs} +1 -1
- package/dist/{SubscriptionsScreen-p2a3DUoC.mjs → SubscriptionsScreen-DY5MtqQF.mjs} +71 -77
- package/dist/{SubscriptionsScreen-p2a3DUoC.mjs.map → SubscriptionsScreen-DY5MtqQF.mjs.map} +1 -1
- package/dist/{SubscriptionsScreen-Bo-i-Cv3.cjs → SubscriptionsScreen-g4f-ZQlh.cjs} +71 -77
- package/dist/{SubscriptionsScreen-Bo-i-Cv3.cjs.map → SubscriptionsScreen-g4f-ZQlh.cjs.map} +1 -1
- package/dist/index.cjs +3 -3
- package/dist/index.mjs +3 -3
- package/package.json +8 -8
|
@@ -6073,56 +6073,53 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
|
|
|
6073
6073
|
notAvailable: t("date_not_available")
|
|
6074
6074
|
};
|
|
6075
6075
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
|
|
6076
|
-
className: "bg-muted flex w-full flex-col items-center rounded-lg
|
|
6076
|
+
className: "bg-muted flex w-full flex-col items-center rounded-lg p-8 lg:col-span-4 lg:self-start",
|
|
6077
6077
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
6078
6078
|
className: "flex w-full max-w-lg flex-col",
|
|
6079
6079
|
children: [
|
|
6080
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
6081
|
-
className: "
|
|
6082
|
-
children:
|
|
6083
|
-
|
|
6084
|
-
|
|
6085
|
-
|
|
6086
|
-
className: "
|
|
6080
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
|
|
6081
|
+
className: "text-foreground mb-2 text-lg font-medium",
|
|
6082
|
+
children: t("your_upcoming_order")
|
|
6083
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
6084
|
+
className: "text-muted-foreground",
|
|
6085
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
6086
|
+
className: "grid grid-cols-2 gap-4",
|
|
6087
6087
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
6088
|
-
className: "
|
|
6089
|
-
children: [
|
|
6090
|
-
|
|
6091
|
-
children: [
|
|
6092
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
6093
|
-
className: "text-muted-foreground mb-1 text-sm",
|
|
6094
|
-
children: subscription.status === "past_due" ? t("payment_failed_on") : t("next_order_date")
|
|
6095
|
-
}),
|
|
6096
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
6097
|
-
className: "text-foreground text-2xl font-bold",
|
|
6098
|
-
children: subscription.status === "past_due" ? subscription.last_failed_at ? formatDate(subscription.last_failed_at, locale) : "—" : getNextBillDisplay(displayNextBillDate ? {
|
|
6099
|
-
...subscription,
|
|
6100
|
-
next_bill_date: displayNextBillDate
|
|
6101
|
-
} : subscription, nextBillDisplayLabels, locale)
|
|
6102
|
-
}),
|
|
6103
|
-
nextOrderTimeOfDay && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
6104
|
-
className: "text-muted-foreground mt-1 text-xs",
|
|
6105
|
-
children: [
|
|
6106
|
-
nextOrderTimeOfDay,
|
|
6107
|
-
" (",
|
|
6108
|
-
subscription.timezone,
|
|
6109
|
-
")"
|
|
6110
|
-
]
|
|
6111
|
-
})
|
|
6112
|
-
]
|
|
6113
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
6114
|
-
className: "pl-4",
|
|
6115
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
6088
|
+
className: "border-border border-r pr-4",
|
|
6089
|
+
children: [
|
|
6090
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
6116
6091
|
className: "text-muted-foreground mb-1 text-sm",
|
|
6117
|
-
children: t("
|
|
6118
|
-
}),
|
|
6092
|
+
children: subscription.status === "past_due" ? t("payment_failed_on") : t("next_order_date")
|
|
6093
|
+
}),
|
|
6094
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
6119
6095
|
className: "text-foreground text-2xl font-bold",
|
|
6120
|
-
children:
|
|
6121
|
-
|
|
6096
|
+
children: subscription.status === "past_due" ? subscription.last_failed_at ? formatDate(subscription.last_failed_at, locale) : "—" : getNextBillDisplay(displayNextBillDate ? {
|
|
6097
|
+
...subscription,
|
|
6098
|
+
next_bill_date: displayNextBillDate
|
|
6099
|
+
} : subscription, nextBillDisplayLabels, locale)
|
|
6100
|
+
}),
|
|
6101
|
+
nextOrderTimeOfDay && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
6102
|
+
className: "text-muted-foreground mt-1 text-xs",
|
|
6103
|
+
children: [
|
|
6104
|
+
nextOrderTimeOfDay,
|
|
6105
|
+
" (",
|
|
6106
|
+
subscription.timezone,
|
|
6107
|
+
")"
|
|
6108
|
+
]
|
|
6109
|
+
})
|
|
6110
|
+
]
|
|
6111
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
6112
|
+
className: "pl-4",
|
|
6113
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
6114
|
+
className: "text-muted-foreground mb-1 text-sm",
|
|
6115
|
+
children: t("next_bill_amount")
|
|
6116
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
6117
|
+
className: "text-foreground text-2xl font-bold",
|
|
6118
|
+
children: totalPrice
|
|
6122
6119
|
})]
|
|
6123
|
-
})
|
|
6124
|
-
})]
|
|
6125
|
-
}),
|
|
6120
|
+
})]
|
|
6121
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: "border-border mt-4" })]
|
|
6122
|
+
})] }),
|
|
6126
6123
|
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BundledWithCard, {
|
|
6127
6124
|
bundledSubscriptions: subscription.bundled_subscriptions ?? [],
|
|
6128
6125
|
currentToken: subscription.subscription_token,
|
|
@@ -6190,46 +6187,43 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
|
|
|
6190
6187
|
})]
|
|
6191
6188
|
})
|
|
6192
6189
|
}),
|
|
6193
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
6194
|
-
|
|
6195
|
-
children: [
|
|
6196
|
-
pricing.hasDiscount && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
|
|
6197
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
6198
|
-
className: "flex justify-between text-sm",
|
|
6199
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
6200
|
-
className: "text-muted-foreground text-sm font-medium",
|
|
6201
|
-
children: t("subtotal")
|
|
6202
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
6203
|
-
className: "text-muted-foreground text-sm font-medium",
|
|
6204
|
-
children: subtotal
|
|
6205
|
-
})]
|
|
6206
|
-
}),
|
|
6207
|
-
pricing.legacyDiscountUnit > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DiscountLine, {
|
|
6208
|
-
label: t("discount"),
|
|
6209
|
-
amount: formatCurrency(pricing.legacyDiscountUnit * quantity)
|
|
6210
|
-
}),
|
|
6211
|
-
pricing.attachedDiscountUnit > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DiscountLine, {
|
|
6212
|
-
label: t("discount"),
|
|
6213
|
-
code: pricing.attachedDiscountCode,
|
|
6214
|
-
amount: formatCurrency(pricing.attachedDiscountUnit * quantity)
|
|
6215
|
-
})
|
|
6216
|
-
] }),
|
|
6190
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
|
|
6191
|
+
pricing.hasDiscount && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
|
|
6217
6192
|
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
6218
|
-
className: "
|
|
6193
|
+
className: "flex justify-between text-sm",
|
|
6219
6194
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
6220
6195
|
className: "text-muted-foreground text-sm font-medium",
|
|
6221
|
-
children: t("
|
|
6196
|
+
children: t("subtotal")
|
|
6222
6197
|
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
6223
|
-
className: "text-foreground text-
|
|
6224
|
-
children:
|
|
6198
|
+
className: "text-muted-foreground text-sm font-medium",
|
|
6199
|
+
children: subtotal
|
|
6225
6200
|
})]
|
|
6226
6201
|
}),
|
|
6227
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(
|
|
6228
|
-
|
|
6229
|
-
|
|
6202
|
+
pricing.legacyDiscountUnit > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DiscountLine, {
|
|
6203
|
+
label: t("discount"),
|
|
6204
|
+
amount: formatCurrency(pricing.legacyDiscountUnit * quantity)
|
|
6205
|
+
}),
|
|
6206
|
+
pricing.attachedDiscountUnit > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DiscountLine, {
|
|
6207
|
+
label: t("discount"),
|
|
6208
|
+
code: pricing.attachedDiscountCode,
|
|
6209
|
+
amount: formatCurrency(pricing.attachedDiscountUnit * quantity)
|
|
6230
6210
|
})
|
|
6231
|
-
]
|
|
6232
|
-
|
|
6211
|
+
] }),
|
|
6212
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
6213
|
+
className: "mt-4 flex items-center justify-between text-base font-medium",
|
|
6214
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
6215
|
+
className: "text-muted-foreground text-sm font-medium",
|
|
6216
|
+
children: t("total_label")
|
|
6217
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
6218
|
+
className: "text-foreground text-base font-bold",
|
|
6219
|
+
children: totalPrice
|
|
6220
|
+
})]
|
|
6221
|
+
}),
|
|
6222
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
6223
|
+
className: "text-muted-foreground text-xs",
|
|
6224
|
+
children: t("tax_shipping_note")
|
|
6225
|
+
})
|
|
6226
|
+
] })
|
|
6233
6227
|
]
|
|
6234
6228
|
})
|
|
6235
6229
|
});
|
|
@@ -7789,4 +7783,4 @@ Object.defineProperty(exports, "subscriptionsScreenPropertySchema", {
|
|
|
7789
7783
|
}
|
|
7790
7784
|
});
|
|
7791
7785
|
|
|
7792
|
-
//# sourceMappingURL=SubscriptionsScreen-
|
|
7786
|
+
//# sourceMappingURL=SubscriptionsScreen-g4f-ZQlh.cjs.map
|