@revenuecat/purchases-ui-js 0.0.16 → 0.0.18

package/dist/utils/variable-utils.js

@@ -32,3 +32,40 @@ export const replaceVariables = ({ value = "", variableDictionary: dictionary, }
         return currentVariableReplaced;
     }, value);
 };
+/**
+ * Given a ComponentLocalizations object and a locale returns the label with label_id in the chosen locale, if any. Falls
+ * back to the label with the same label_id in the fallbackLocale, if any. Finally returns undefined if no label can be
+ * found for the requested label_id.
+ * @param label_id - The id of the label to be returned
+ * @param locale - The preferred locale to return the label
+ * @param fallbackLocale - The locale to fall back to in case no label is found in the preferred one
+ * @param labels - A ComponentLocalizations instance
+ * @returns The label in the preferred or fallback locale, or undefined.
+ */
+export function getLabelById(label_id, locale, fallbackLocale, labels) {
+    if (!label_id)
+        return "";
+    const fallback = labels[fallbackLocale]?.[label_id];
+    if (!(labels[locale] || {})[label_id]) {
+        return fallback;
+    }
+    return labels[locale][label_id];
+}
+/**
+ * Gets a label by ID and replaces any variables in it with values from the dictionary
+ * @param text_lid - The ID of the text label to retrieve
+ * @param purchaseState - Object containing locale and defaultLocale
+ * @param labels - ComponentLocalizations containing the labels
+ * @param variableDictionary - Dictionary of variables to replace in the label text
+ * @returns The label with variables replaced, or undefined if label not found
+ */
+export function getLabelAndReplaceVariables({ text_lid, locale, defaultLocale, labels, variableDictionary, }) {
+    if (!text_lid)
+        return "";
+    const label = getLabelById(text_lid, locale, defaultLocale, labels);
+    const parsedLabel = replaceVariables({
+        value: label,
+        variableDictionary,
+    });
+    return parsedLabel;
+}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@revenuecat/purchases-ui-js",
   "description": "Web components for Paywalls. Powered by RevenueCat",
   "private": false,
-  "version": "0.0.16",
+  "version": "0.0.18",
   "author": {
     "name": "RevenueCat, Inc."
   },
@@ -36,7 +36,7 @@
     "chromatic": "chromatic",
     "format": "prettier --write .",
     "typecheck": "tsc --noEmit",
-    "test": "vitest",
+    "test": "vitest --config vitest.config.ts",
     "lint": "eslint --config eslint.config.js src/**/*"
   },
   "files": [
@@ -58,39 +58,41 @@
     }
   },
   "peerDependencies": {
-    "svelte": "^5.0.0"
+    "svelte": "^5.3.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
+    "@chromatic-com/storybook": "^3.2.2",
     "@eslint/js": "^9.16.0",
-    "@storybook/addon-essentials": "^8.3.6",
-    "@storybook/addon-interactions": "^8.3.6",
-    "@storybook/addon-links": "^8.3.6",
-    "@storybook/addon-svelte-csf": "^5.0.0-next.9",
-    "@storybook/blocks": "^8.3.6",
-    "@storybook/svelte": "^8.3.6",
-    "@storybook/sveltekit": "^8.3.6",
-    "@storybook/test": "^8.3.6",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-svelte-csf": "^5.0.0-next.14",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/svelte": "^8.4.7",
+    "@storybook/sveltekit": "^8.4.7",
+    "@storybook/test": "^8.4.7",
     "@sveltejs/adapter-node": "^5.2.9",
-    "@sveltejs/kit": "^2.0.0",
-    "@sveltejs/package": "^2.0.0",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@sveltejs/kit": "^2.9.0",
+    "@sveltejs/package": "^2.3.7",
+    "@sveltejs/vite-plugin-svelte": "^5.0.2",
     "@typescript-eslint/parser": "^8.17.0",
-    "chromatic": "^11.16.1",
+    "chromatic": "^11.20.0",
     "eslint": "^9.16.0",
     "eslint-plugin-svelte": "^2.46.1",
     "globals": "^15.13.0",
-    "husky": "^9.1.6",
+    "husky": "^9.1.7",
+    "jsdom": "^25.0.1",
     "lint-staged": "^15.2.10",
-    "prettier": "^3.3.3",
-    "prettier-plugin-svelte": "^3.2.7",
-    "publint": "^0.2.0",
-    "storybook": "^8.3.6",
-    "svelte": "^5.0.0",
-    "svelte-check": "^4.0.0",
-    "typescript": "^5.0.0",
+    "prettier": "^3.4.2",
+    "prettier-plugin-svelte": "^3.3.2",
+    "publint": "^0.2.12",
+    "storybook": "^8.4.7",
+    "svelte": "^5.9.1",
+    "svelte-check": "^4.1.1",
+    "typescript": "^5.7.2",
     "typescript-eslint": "^8.17.0",
-    "vite": "^5.0.11"
+    "vite": "^6.0.3",
+    "vitest": "^2.1.8"
   },
   "lint-staged": {
     "**/*": [

package/dist/components/paywall/global-styles.css

@@ -1,9 +0,0 @@
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-body {
-  margin: 0;
-  padding: 0;
-}