@revenuecat/purchases-ui-js 1.0.2 → 2.0.1

package/dist/utils/variable-utils.js

@@ -18,54 +18,12 @@ export const VARIABLE_NAMES = [
     "sub_offer_price_2",
     "sub_relative_discount",
 ];
-/**
- * Returns a string with the variables replaced by values from the dictionary
- * @param value A string like "Try {{ product_name }} for only {{ total_price_and_per_month }}"
- * @param dictionary Dictionary containing the values for the variables
- * @returns The string with values: "Try CatGPT Annual for only $59.99/yr ($4.99/mo)"
- */
-export const replaceVariables = ({ value = "", variableDictionary: dictionary, }) => {
-    if (!dictionary)
-        return value;
+export function replaceVariables(input = "", variables) {
+    if (variables === undefined) {
+        return input;
+    }
     return VARIABLE_NAMES.reduce((result, variableName) => {
-        const currentVariableReplaced = result.replaceAll(`{{ ${variableName} }}`, dictionary[variableName]?.toString() || "N/A");
+        const currentVariableReplaced = result.replaceAll(`{{ ${variableName} }}`, variables[variableName]?.toString() || "N/A");
         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;
+    }, input);
 }

package/dist/web-components/index.css

@@ -0,0 +1 @@
+.rcb-processing.svelte-2j2b59{width:var(--width, 12px);aspect-ratio:1;border-radius:50%;animation:svelte-2j2b59-l5 1.5s infinite linear}@keyframes svelte-2j2b59-l5{0%{box-shadow:var(--shadow-offset) 0 #fff2,calc(-1 * var(--shadow-offset)) 0 #fff2;background:#fff2}25%{box-shadow:var(--shadow-offset) 0 #fff2,calc(-1 * var(--shadow-offset)) 0 #fff;background:#fff2}50%{box-shadow:var(--shadow-offset) 0 #fff2,calc(-1 * var(--shadow-offset)) 0 #fff2;background:#fff}75%{box-shadow:var(--shadow-offset) 0 #fff,calc(-1 * var(--shadow-offset)) 0 #fff2;background:#fff2}to{box-shadow:var(--shadow-offset) 0 #fff2,calc(-1 * var(--shadow-offset)) 0 #fff2;background:#fff2}}.rcb-typography-heading-2xl.svelte-byrjto{font:var(--rc-text-heading2xl-mobile)}.rcb-typography-heading-xl.svelte-byrjto{font:var(--rc-text-headingXl-mobile)}.rcb-typography-heading-lg.svelte-byrjto{font:var(--rc-text-headingLg-mobile)}.rcb-typography-heading-md.svelte-byrjto{font:var(--rc-text-headingMd-mobile)}.rcb-typography-body-base.svelte-byrjto{font:var(--rc-text-bodyBase-mobile)}.rcb-typography-body-small.svelte-byrjto{font:var(--rc-text-bodySmall-mobile)}.rcb-typography-label-button.svelte-byrjto{font:var(--rc-text-labelButton-mobile)}.rcb-typography-label-default.svelte-byrjto{font:var(--rc-text-labelDefault-mobile)}.rcb-typography-caption-default.svelte-byrjto{font:var(--rc-text-captionDefault-mobile)}.rcb-typography-caption-link.svelte-byrjto{font:var(--rc-text-captionLink-mobile)}@container layout-query-container (width >= 768px){.rcb-typography-heading-2xl.svelte-byrjto{font:var(--rc-text-heading2xl-desktop)}.rcb-typography-heading-xl.svelte-byrjto{font:var(--rc-text-headingXl-desktop)}.rcb-typography-heading-lg.svelte-byrjto{font:var(--rc-text-headingLg-desktop)}.rcb-typography-heading-md.svelte-byrjto{font:var(--rc-text-headingMd-desktop)}.rcb-typography-body-base.svelte-byrjto{font:var(--rc-text-bodyBase-desktop)}.rcb-typography-body-small.svelte-byrjto{font:var(--rc-text-bodySmall-desktop)}.rcb-typography-label-button.svelte-byrjto{font:var(--rc-text-labelButton-desktop)}.rcb-typography-label-default.svelte-byrjto{font:var(--rc-text-labelDefault-desktop)}.rcb-typography-caption-default.svelte-byrjto{font:var(--rc-text-captionDefault-desktop)}.rcb-typography-caption-link.svelte-byrjto{font:var(--rc-text-captionLink-desktop)}}button.svelte-td7xvm{border:none;border-radius:var(--rc-shape-input-button-border-radius);cursor:pointer;height:var(--rc-spacing-inputHeight-mobile);color:var(--rc-color-grey-text-dark);background-color:var(--rc-color-grey-ui-dark);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;transition:background-color .15s ease-in-out;-webkit-user-select:none;user-select:none}@container layout-query-container (width >= 768px){button.svelte-td7xvm{height:var(--rc-spacing-inputHeight-desktop)}}button.svelte-td7xvm:focus-visible{outline:2px solid var(--rc-color-focus)}button.intent-primary.svelte-td7xvm{background-color:var(--rc-color-primary);color:var(--rc-color-primary-text)}button.svelte-td7xvm:disabled{color:var(--rc-color-grey-text-light);background-color:var(--rc-color-grey-ui-dark);outline:none}button.intent-primary.svelte-td7xvm:not(:disabled):hover{background-color:var(--rc-color-primary-hover)}button.intent-primary.svelte-td7xvm:not(:disabled):active,button.svelte-td7xvm:active{background-color:var(--rc-color-primary-pressed);outline:none}button.intent-primary.svelte-td7xvm:disabled{color:var(--rc-color-grey-text-light);background-color:var(--rc-color-grey-ui-dark)}