@aforoai/storefront-widgets 1.0.5 → 1.0.6

package/dist/vanilla/index.mjs

@@ -5,7 +5,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 // src/vanilla/index.ts
 
 // src/core/version.ts
-var VERSION = "1.0.5";
+var VERSION = "1.0.6";
 
 // src/core/AforoEmbed.ts
 var mountedElements = /* @__PURE__ */ new WeakMap();
@@ -160,6 +160,7 @@ function pricingCardConfigToProps(config) {
   const theme = readEnum(extra.theme, ["light", "dark", "auto"], "auto");
   const locale = typeof extra.locale === "string" ? extra.locale : void 0;
   const maxPlans = typeof extra.maxPlans === "number" && Number.isFinite(extra.maxPlans) ? extra.maxPlans : void 0;
+  const borderRadius = typeof extra.borderRadius === "number" && Number.isFinite(extra.borderRadius) ? extra.borderRadius : void 0;
   const ctaText = typeof extra.ctaText === "string" ? extra.ctaText : void 0;
   const ctaUrl = typeof extra.ctaUrl === "string" ? extra.ctaUrl : void 0;
   const showFeatures = typeof extra.showFeatures === "boolean" ? extra.showFeatures : void 0;
@@ -173,6 +174,7 @@ function pricingCardConfigToProps(config) {
     theme,
     locale,
     maxPlans,
+    borderRadius,
     showFeatures,
     ctaText,
     ctaUrl,
@@ -3026,6 +3028,7 @@ function WidgetShell(props) {
 var DEFAULT_LAYOUT = "horizontal";
 var DEFAULT_MAX_PLANS = 4;
 var DEFAULT_CTA_TEXT = "Get Started";
+var DEFAULT_CARD_RADIUS = 12;
 function clampLayout(raw) {
   return raw === "horizontal" || raw === "vertical" || raw === "table" ? raw : void 0;
 }
@@ -3036,7 +3039,7 @@ function setTenantDefaultsIdempotent(setter, next) {
   setter((prev) => {
     if (prev === next) return prev;
     if (!prev && !next) return prev;
-    if (prev && next && prev.layout === next.layout && prev.theme === next.theme && prev.maxPlans === next.maxPlans && prev.showFeatures === next.showFeatures && prev.ctaText === next.ctaText) {
+    if (prev && next && prev.layout === next.layout && prev.theme === next.theme && prev.maxPlans === next.maxPlans && prev.showFeatures === next.showFeatures && prev.ctaText === next.ctaText && prev.borderRadius === next.borderRadius) {
       return prev;
     }
     return next;
@@ -3051,7 +3054,8 @@ function extractTenantDefaults(config) {
     theme: typeof raw.theme === "string" ? raw.theme : void 0,
     maxPlans: typeof raw.maxPlans === "number" && Number.isFinite(raw.maxPlans) ? raw.maxPlans : void 0,
     showFeatures: typeof raw.showFeatures === "boolean" ? raw.showFeatures : void 0,
-    ctaText: typeof raw.ctaText === "string" && raw.ctaText.length > 0 ? raw.ctaText : void 0
+    ctaText: typeof raw.ctaText === "string" && raw.ctaText.length > 0 ? raw.ctaText : void 0,
+    borderRadius: typeof raw.borderRadius === "number" && Number.isFinite(raw.borderRadius) ? raw.borderRadius : void 0
   };
 }
 var DARK_TOKEN_OVERLAY = {
@@ -3173,6 +3177,7 @@ function PricingCardBody(props) {
     theme: themeProp,
     locale: localeProp,
     maxPlans: maxPlansProp,
+    borderRadius: borderRadiusProp,
     showFeatures: showFeaturesProp,
     ctaText: ctaTextProp,
     ctaUrl: ctaUrlProp,
@@ -3186,6 +3191,7 @@ function PricingCardBody(props) {
   const maxPlans = typeof maxPlansProp === "number" && Number.isFinite(maxPlansProp) ? maxPlansProp : typeof tenantDefaults?.maxPlans === "number" && Number.isFinite(tenantDefaults.maxPlans) ? tenantDefaults.maxPlans : DEFAULT_MAX_PLANS;
   const showFeatures = typeof showFeaturesProp === "boolean" ? showFeaturesProp : typeof tenantDefaults?.showFeatures === "boolean" ? tenantDefaults.showFeatures : true;
   const ctaTextEffective = ctaTextProp ?? tenantDefaults?.ctaText ?? void 0;
+  const cardRadius = typeof borderRadiusProp === "number" && Number.isFinite(borderRadiusProp) ? borderRadiusProp : typeof tenantDefaults?.borderRadius === "number" && Number.isFinite(tenantDefaults.borderRadius) ? tenantDefaults.borderRadius : DEFAULT_CARD_RADIUS;
   const shell = useWidgetShell();
   const { tokens: shellTokens, bridgeClient, telemetry, bus, tenantSlug } = shell;
   const isDark = React7.useMemo(() => {
@@ -3403,7 +3409,8 @@ function PricingCardBody(props) {
           {
             layout,
             tokens,
-            prefersReducedMotion
+            prefersReducedMotion,
+            cardRadius
           }
         )
       }
@@ -3475,7 +3482,8 @@ function PricingCardBody(props) {
           ctaTextProp: ctaTextEffective,
           featuredOverride: featuredOfferingId,
           onCtaClick: handleCtaClick,
-          intlOverride
+          intlOverride,
+          cardRadius
         }
       )
     }
@@ -3490,7 +3498,8 @@ function PlanGrid({
   ctaTextProp,
   featuredOverride,
   onCtaClick,
-  intlOverride
+  intlOverride,
+  cardRadius
 }) {
   const isHorizontal = layout === "horizontal";
   const gridStyle2 = isHorizontal ? {
@@ -3513,7 +3522,8 @@ function PlanGrid({
       ctaTextProp,
       featured: offeringIsFeatured(o, featuredOverride),
       onCtaClick,
-      intlOverride
+      intlOverride,
+      cardRadius
     },
     o.offeringId
   )) });
@@ -3526,7 +3536,8 @@ function PlanCard({
   ctaTextProp,
   featured,
   onCtaClick,
-  intlOverride
+  intlOverride,
+  cardRadius
 }) {
   const { text: price, unitSuffix } = resolveDisplayPrice(offering, locale, intlOverride);
   const isContactSales = price === "\u2014";
@@ -3537,7 +3548,7 @@ function PlanCard({
     display: "flex",
     flexDirection: "column",
     padding: 24,
-    borderRadius: 12,
+    borderRadius: cardRadius,
     border: featured ? `2px solid ${tokens.primary}` : `1px solid ${tokens.border}`,
     background: tokens.bg,
     color: tokens.text,
@@ -3887,7 +3898,8 @@ function cellAria(label, feature) {
 function LoadingSkeleton({
   layout,
   tokens,
-  prefersReducedMotion
+  prefersReducedMotion,
+  cardRadius
 }) {
   const shimmerStyle = prefersReducedMotion ? { background: tokens.border, opacity: 0.6 } : {
     background: `linear-gradient(90deg, ${tokens.border} 0%, ${tokens.bg} 50%, ${tokens.border} 100%)`,
@@ -3920,7 +3932,7 @@ function LoadingSkeleton({
             "aria-hidden": "true",
             style: {
               padding: 24,
-              borderRadius: 12,
+              borderRadius: cardRadius,
               border: `1px solid ${tokens.border}`,
               background: tokens.bg,
               minHeight: 280,

package/dist/vue/index.cjs

@@ -28,7 +28,7 @@ var React7__namespace = /*#__PURE__*/_interopNamespace(React7);
 // src/vue/index.ts
 
 // src/core/version.ts
-var VERSION = "1.0.5";
+var VERSION = "1.0.6";
 
 // src/core/AforoEmbed.ts
 var mountedElements = /* @__PURE__ */ new WeakMap();
@@ -183,6 +183,7 @@ function pricingCardConfigToProps(config) {
   const theme = readEnum(extra.theme, ["light", "dark", "auto"], "auto");
   const locale = typeof extra.locale === "string" ? extra.locale : void 0;
   const maxPlans = typeof extra.maxPlans === "number" && Number.isFinite(extra.maxPlans) ? extra.maxPlans : void 0;
+  const borderRadius = typeof extra.borderRadius === "number" && Number.isFinite(extra.borderRadius) ? extra.borderRadius : void 0;
   const ctaText = typeof extra.ctaText === "string" ? extra.ctaText : void 0;
   const ctaUrl = typeof extra.ctaUrl === "string" ? extra.ctaUrl : void 0;
   const showFeatures = typeof extra.showFeatures === "boolean" ? extra.showFeatures : void 0;
@@ -196,6 +197,7 @@ function pricingCardConfigToProps(config) {
     theme,
     locale,
     maxPlans,
+    borderRadius,
     showFeatures,
     ctaText,
     ctaUrl,
@@ -3049,6 +3051,7 @@ function WidgetShell(props) {
 var DEFAULT_LAYOUT = "horizontal";
 var DEFAULT_MAX_PLANS = 4;
 var DEFAULT_CTA_TEXT = "Get Started";
+var DEFAULT_CARD_RADIUS = 12;
 function clampLayout(raw) {
   return raw === "horizontal" || raw === "vertical" || raw === "table" ? raw : void 0;
 }
@@ -3059,7 +3062,7 @@ function setTenantDefaultsIdempotent(setter, next) {
   setter((prev) => {
     if (prev === next) return prev;
     if (!prev && !next) return prev;
-    if (prev && next && prev.layout === next.layout && prev.theme === next.theme && prev.maxPlans === next.maxPlans && prev.showFeatures === next.showFeatures && prev.ctaText === next.ctaText) {
+    if (prev && next && prev.layout === next.layout && prev.theme === next.theme && prev.maxPlans === next.maxPlans && prev.showFeatures === next.showFeatures && prev.ctaText === next.ctaText && prev.borderRadius === next.borderRadius) {
       return prev;
     }
     return next;
@@ -3074,7 +3077,8 @@ function extractTenantDefaults(config) {
     theme: typeof raw.theme === "string" ? raw.theme : void 0,
     maxPlans: typeof raw.maxPlans === "number" && Number.isFinite(raw.maxPlans) ? raw.maxPlans : void 0,
     showFeatures: typeof raw.showFeatures === "boolean" ? raw.showFeatures : void 0,
-    ctaText: typeof raw.ctaText === "string" && raw.ctaText.length > 0 ? raw.ctaText : void 0
+    ctaText: typeof raw.ctaText === "string" && raw.ctaText.length > 0 ? raw.ctaText : void 0,
+    borderRadius: typeof raw.borderRadius === "number" && Number.isFinite(raw.borderRadius) ? raw.borderRadius : void 0
   };
 }
 var DARK_TOKEN_OVERLAY = {
@@ -3196,6 +3200,7 @@ function PricingCardBody(props) {
     theme: themeProp,
     locale: localeProp,
     maxPlans: maxPlansProp,
+    borderRadius: borderRadiusProp,
     showFeatures: showFeaturesProp,
     ctaText: ctaTextProp,
     ctaUrl: ctaUrlProp,
@@ -3209,6 +3214,7 @@ function PricingCardBody(props) {
   const maxPlans = typeof maxPlansProp === "number" && Number.isFinite(maxPlansProp) ? maxPlansProp : typeof tenantDefaults?.maxPlans === "number" && Number.isFinite(tenantDefaults.maxPlans) ? tenantDefaults.maxPlans : DEFAULT_MAX_PLANS;
   const showFeatures = typeof showFeaturesProp === "boolean" ? showFeaturesProp : typeof tenantDefaults?.showFeatures === "boolean" ? tenantDefaults.showFeatures : true;
   const ctaTextEffective = ctaTextProp ?? tenantDefaults?.ctaText ?? void 0;
+  const cardRadius = typeof borderRadiusProp === "number" && Number.isFinite(borderRadiusProp) ? borderRadiusProp : typeof tenantDefaults?.borderRadius === "number" && Number.isFinite(tenantDefaults.borderRadius) ? tenantDefaults.borderRadius : DEFAULT_CARD_RADIUS;
   const shell = useWidgetShell();
   const { tokens: shellTokens, bridgeClient, telemetry, bus, tenantSlug } = shell;
   const isDark = React7__namespace.useMemo(() => {
@@ -3426,7 +3432,8 @@ function PricingCardBody(props) {
           {
             layout,
             tokens,
-            prefersReducedMotion
+            prefersReducedMotion,
+            cardRadius
           }
         )
       }
@@ -3498,7 +3505,8 @@ function PricingCardBody(props) {
           ctaTextProp: ctaTextEffective,
           featuredOverride: featuredOfferingId,
           onCtaClick: handleCtaClick,
-          intlOverride
+          intlOverride,
+          cardRadius
         }
       )
     }
@@ -3513,7 +3521,8 @@ function PlanGrid({
   ctaTextProp,
   featuredOverride,
   onCtaClick,
-  intlOverride
+  intlOverride,
+  cardRadius
 }) {
   const isHorizontal = layout === "horizontal";
   const gridStyle2 = isHorizontal ? {
@@ -3536,7 +3545,8 @@ function PlanGrid({
       ctaTextProp,
       featured: offeringIsFeatured(o, featuredOverride),
       onCtaClick,
-      intlOverride
+      intlOverride,
+      cardRadius
     },
     o.offeringId
   )) });
@@ -3549,7 +3559,8 @@ function PlanCard({
   ctaTextProp,
   featured,
   onCtaClick,
-  intlOverride
+  intlOverride,
+  cardRadius
 }) {
   const { text: price, unitSuffix } = resolveDisplayPrice(offering, locale, intlOverride);
   const isContactSales = price === "\u2014";
@@ -3560,7 +3571,7 @@ function PlanCard({
     display: "flex",
     flexDirection: "column",
     padding: 24,
-    borderRadius: 12,
+    borderRadius: cardRadius,
     border: featured ? `2px solid ${tokens.primary}` : `1px solid ${tokens.border}`,
     background: tokens.bg,
     color: tokens.text,
@@ -3910,7 +3921,8 @@ function cellAria(label, feature) {
 function LoadingSkeleton({
   layout,
   tokens,
-  prefersReducedMotion
+  prefersReducedMotion,
+  cardRadius
 }) {
   const shimmerStyle = prefersReducedMotion ? { background: tokens.border, opacity: 0.6 } : {
     background: `linear-gradient(90deg, ${tokens.border} 0%, ${tokens.bg} 50%, ${tokens.border} 100%)`,
@@ -3943,7 +3955,7 @@ function LoadingSkeleton({
             "aria-hidden": "true",
             style: {
               padding: 24,
-              borderRadius: 12,
+              borderRadius: cardRadius,
               border: `1px solid ${tokens.border}`,
               background: tokens.bg,
               minHeight: 280,

package/dist/vue/index.mjs

@@ -6,7 +6,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 // src/vue/index.ts
 
 // src/core/version.ts
-var VERSION = "1.0.5";
+var VERSION = "1.0.6";
 
 // src/core/AforoEmbed.ts
 var mountedElements = /* @__PURE__ */ new WeakMap();
@@ -161,6 +161,7 @@ function pricingCardConfigToProps(config) {
   const theme = readEnum(extra.theme, ["light", "dark", "auto"], "auto");
   const locale = typeof extra.locale === "string" ? extra.locale : void 0;
   const maxPlans = typeof extra.maxPlans === "number" && Number.isFinite(extra.maxPlans) ? extra.maxPlans : void 0;
+  const borderRadius = typeof extra.borderRadius === "number" && Number.isFinite(extra.borderRadius) ? extra.borderRadius : void 0;
   const ctaText = typeof extra.ctaText === "string" ? extra.ctaText : void 0;
   const ctaUrl = typeof extra.ctaUrl === "string" ? extra.ctaUrl : void 0;
   const showFeatures = typeof extra.showFeatures === "boolean" ? extra.showFeatures : void 0;
@@ -174,6 +175,7 @@ function pricingCardConfigToProps(config) {
     theme,
     locale,
     maxPlans,
+    borderRadius,
     showFeatures,
     ctaText,
     ctaUrl,
@@ -3027,6 +3029,7 @@ function WidgetShell(props) {
 var DEFAULT_LAYOUT = "horizontal";
 var DEFAULT_MAX_PLANS = 4;
 var DEFAULT_CTA_TEXT = "Get Started";
+var DEFAULT_CARD_RADIUS = 12;
 function clampLayout(raw) {
   return raw === "horizontal" || raw === "vertical" || raw === "table" ? raw : void 0;
 }
@@ -3037,7 +3040,7 @@ function setTenantDefaultsIdempotent(setter, next) {
   setter((prev) => {
     if (prev === next) return prev;
     if (!prev && !next) return prev;
-    if (prev && next && prev.layout === next.layout && prev.theme === next.theme && prev.maxPlans === next.maxPlans && prev.showFeatures === next.showFeatures && prev.ctaText === next.ctaText) {
+    if (prev && next && prev.layout === next.layout && prev.theme === next.theme && prev.maxPlans === next.maxPlans && prev.showFeatures === next.showFeatures && prev.ctaText === next.ctaText && prev.borderRadius === next.borderRadius) {
       return prev;
     }
     return next;
@@ -3052,7 +3055,8 @@ function extractTenantDefaults(config) {
     theme: typeof raw.theme === "string" ? raw.theme : void 0,
     maxPlans: typeof raw.maxPlans === "number" && Number.isFinite(raw.maxPlans) ? raw.maxPlans : void 0,
     showFeatures: typeof raw.showFeatures === "boolean" ? raw.showFeatures : void 0,
-    ctaText: typeof raw.ctaText === "string" && raw.ctaText.length > 0 ? raw.ctaText : void 0
+    ctaText: typeof raw.ctaText === "string" && raw.ctaText.length > 0 ? raw.ctaText : void 0,
+    borderRadius: typeof raw.borderRadius === "number" && Number.isFinite(raw.borderRadius) ? raw.borderRadius : void 0
   };
 }
 var DARK_TOKEN_OVERLAY = {
@@ -3174,6 +3178,7 @@ function PricingCardBody(props) {
     theme: themeProp,
     locale: localeProp,
     maxPlans: maxPlansProp,
+    borderRadius: borderRadiusProp,
     showFeatures: showFeaturesProp,
     ctaText: ctaTextProp,
     ctaUrl: ctaUrlProp,
@@ -3187,6 +3192,7 @@ function PricingCardBody(props) {
   const maxPlans = typeof maxPlansProp === "number" && Number.isFinite(maxPlansProp) ? maxPlansProp : typeof tenantDefaults?.maxPlans === "number" && Number.isFinite(tenantDefaults.maxPlans) ? tenantDefaults.maxPlans : DEFAULT_MAX_PLANS;
   const showFeatures = typeof showFeaturesProp === "boolean" ? showFeaturesProp : typeof tenantDefaults?.showFeatures === "boolean" ? tenantDefaults.showFeatures : true;
   const ctaTextEffective = ctaTextProp ?? tenantDefaults?.ctaText ?? void 0;
+  const cardRadius = typeof borderRadiusProp === "number" && Number.isFinite(borderRadiusProp) ? borderRadiusProp : typeof tenantDefaults?.borderRadius === "number" && Number.isFinite(tenantDefaults.borderRadius) ? tenantDefaults.borderRadius : DEFAULT_CARD_RADIUS;
   const shell = useWidgetShell();
   const { tokens: shellTokens, bridgeClient, telemetry, bus, tenantSlug } = shell;
   const isDark = React7.useMemo(() => {
@@ -3404,7 +3410,8 @@ function PricingCardBody(props) {
           {
             layout,
             tokens,
-            prefersReducedMotion
+            prefersReducedMotion,
+            cardRadius
           }
         )
       }
@@ -3476,7 +3483,8 @@ function PricingCardBody(props) {
           ctaTextProp: ctaTextEffective,
           featuredOverride: featuredOfferingId,
           onCtaClick: handleCtaClick,
-          intlOverride
+          intlOverride,
+          cardRadius
         }
       )
     }
@@ -3491,7 +3499,8 @@ function PlanGrid({
   ctaTextProp,
   featuredOverride,
   onCtaClick,
-  intlOverride
+  intlOverride,
+  cardRadius
 }) {
   const isHorizontal = layout === "horizontal";
   const gridStyle2 = isHorizontal ? {
@@ -3514,7 +3523,8 @@ function PlanGrid({
       ctaTextProp,
       featured: offeringIsFeatured(o, featuredOverride),
       onCtaClick,
-      intlOverride
+      intlOverride,
+      cardRadius
     },
     o.offeringId
   )) });
@@ -3527,7 +3537,8 @@ function PlanCard({
   ctaTextProp,
   featured,
   onCtaClick,
-  intlOverride
+  intlOverride,
+  cardRadius
 }) {
   const { text: price, unitSuffix } = resolveDisplayPrice(offering, locale, intlOverride);
   const isContactSales = price === "\u2014";
@@ -3538,7 +3549,7 @@ function PlanCard({
     display: "flex",
     flexDirection: "column",
     padding: 24,
-    borderRadius: 12,
+    borderRadius: cardRadius,
     border: featured ? `2px solid ${tokens.primary}` : `1px solid ${tokens.border}`,
     background: tokens.bg,
     color: tokens.text,
@@ -3888,7 +3899,8 @@ function cellAria(label, feature) {
 function LoadingSkeleton({
   layout,
   tokens,
-  prefersReducedMotion
+  prefersReducedMotion,
+  cardRadius
 }) {
   const shimmerStyle = prefersReducedMotion ? { background: tokens.border, opacity: 0.6 } : {
     background: `linear-gradient(90deg, ${tokens.border} 0%, ${tokens.bg} 50%, ${tokens.border} 100%)`,
@@ -3921,7 +3933,7 @@ function LoadingSkeleton({
             "aria-hidden": "true",
             style: {
               padding: 24,
-              borderRadius: 12,
+              borderRadius: cardRadius,
               border: `1px solid ${tokens.border}`,
               background: tokens.bg,
               minHeight: 280,