odaptos_design_system 2.0.315 → 2.0.317
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/index.cjs +11 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +11 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -72065,9 +72065,16 @@ var PricingCard_module_default = {
|
|
|
72065
72065
|
};
|
|
72066
72066
|
style_inject_es_default(css_248z$27);
|
|
72067
72067
|
|
|
72068
|
+
//#endregion
|
|
72069
|
+
//#region src/utils/getPriceWithCurrency.ts
|
|
72070
|
+
const getPriceWithCurrency = (currency, price) => {
|
|
72071
|
+
if (currency === "eur") return `${price}€`;
|
|
72072
|
+
else return `$${price}`;
|
|
72073
|
+
};
|
|
72074
|
+
|
|
72068
72075
|
//#endregion
|
|
72069
72076
|
//#region src/Molecules/PricingCard/PricingCard.tsx
|
|
72070
|
-
const PricingCard = ({ cardInfo: { title, monthlyPrice, yearlyPrice, featuredSectionTitle }, cmsContent, featuresList, isHighlighted = false, highlightMessage = "", onClick, tier = 1, currentTier, yourPlanText, className, isYearly = false, currency = "
|
|
72077
|
+
const PricingCard = ({ cardInfo: { title, monthlyPrice, yearlyPrice, featuredSectionTitle }, cmsContent, featuresList, isHighlighted = false, highlightMessage = "", onClick, tier = 1, currentTier, yourPlanText, className, isYearly = false, currency = "usd", isFreeTrialDisplayed = true, isFromMarketing = false, isUserInFreePlan = false }) => {
|
|
72071
72078
|
const buttonText = isFromMarketing ? {
|
|
72072
72079
|
1: cmsContent.startFree,
|
|
72073
72080
|
2: cmsContent.startFree,
|
|
@@ -72084,8 +72091,7 @@ const PricingCard = ({ cardInfo: { title, monthlyPrice, yearlyPrice, featuredSec
|
|
|
72084
72091
|
3: cmsContent.ContactUs,
|
|
72085
72092
|
4: cmsContent.ContactUs
|
|
72086
72093
|
};
|
|
72087
|
-
const
|
|
72088
|
-
const dollarPrice = isYearly ? `(${currency}${monthlyPrice} USD)` : `(${currency}${yearlyPrice} USD)`;
|
|
72094
|
+
const priceWithCurrency = isYearly ? `(${getPriceWithCurrency(currency, monthlyPrice)})` : `(${getPriceWithCurrency(currency, yearlyPrice)})`;
|
|
72089
72095
|
const labelFallbacks = {
|
|
72090
72096
|
upgrade: cmsContent.Upgrade || "Upgrade",
|
|
72091
72097
|
downgrade: cmsContent.Downgrade || "Downgrade",
|
|
@@ -72167,7 +72173,7 @@ const PricingCard = ({ cardInfo: { title, monthlyPrice, yearlyPrice, featuredSec
|
|
|
72167
72173
|
size: "xxxl",
|
|
72168
72174
|
weight: "bold",
|
|
72169
72175
|
text: `
|
|
72170
|
-
${currency
|
|
72176
|
+
${getPriceWithCurrency(currency, isYearly ? yearlyPrice : monthlyPrice)}
|
|
72171
72177
|
`
|
|
72172
72178
|
}), /* @__PURE__ */ react.default.createElement(Text, {
|
|
72173
72179
|
size: "lg",
|
|
@@ -72184,7 +72190,7 @@ const PricingCard = ({ cardInfo: { title, monthlyPrice, yearlyPrice, featuredSec
|
|
|
72184
72190
|
}), /* @__PURE__ */ react.default.createElement(Text, {
|
|
72185
72191
|
size: "base",
|
|
72186
72192
|
weight: "regular",
|
|
72187
|
-
text:
|
|
72193
|
+
text: priceWithCurrency,
|
|
72188
72194
|
color: colors.neutral_550
|
|
72189
72195
|
}))), /* @__PURE__ */ react.default.createElement("div", { className: PricingCard_module_default.features }, /* @__PURE__ */ react.default.createElement("ul", { className: PricingCard_module_default.featuresList }, featuresList.map((feature, index) => /* @__PURE__ */ react.default.createElement("li", {
|
|
72190
72196
|
className: PricingCard_module_default.feature,
|