@cimplify/sdk 0.66.0 → 0.68.0

package/dist/chunk-GDAGM26J.js

@@ -1,338 +0,0 @@
-'use strict';
-
-var chunkKWYI2TTA_js = require('./chunk-KWYI2TTA.js');
-
-// src/gallery.ts
-function dedupe(urls) {
-  const seen = /* @__PURE__ */ new Set();
-  const out = [];
-  for (const url of urls) {
-    if (url && !seen.has(url)) {
-      seen.add(url);
-      out.push(url);
-    }
-  }
-  return out;
-}
-function resolveGallery(product, selectedVariantId) {
-  const variant = selectedVariantId ? product.variants?.find((v) => v.id === selectedVariantId) : void 0;
-  if (variant?.images?.length) return dedupe(variant.images);
-  if (product.images?.length) return dedupe(product.images);
-  const firstWithImages = product.variants?.find((v) => v.images?.length);
-  if (firstWithImages?.images?.length) return dedupe(firstWithImages.images);
-  return product.image_url ? [product.image_url] : [];
-}
-function allGalleryImages(product) {
-  const seen = /* @__PURE__ */ new Set();
-  const out = [];
-  const push = (url, variantId) => {
-    if (url && !seen.has(url)) {
-      seen.add(url);
-      out.push({ url, variantId });
-    }
-  };
-  push(product.image_url, null);
-  for (const url of product.images ?? []) push(url, null);
-  for (const variant of product.variants ?? []) {
-    for (const url of variant.images ?? []) push(url, variant.id);
-  }
-  return out;
-}
-
-// src/utils/variant.ts
-function stripProductPrefix(variantName, productName) {
-  if (!variantName || !productName) return variantName || productName;
-  const lower = variantName.toLowerCase().trim();
-  if (lower === "default" || lower === "standard") return productName;
-  if (lower.endsWith("-default") || lower.endsWith("-standard")) return productName;
-  if (variantName.startsWith(productName)) {
-    const rest = variantName.slice(productName.length);
-    const match = rest.match(/^\s*[-–—]\s*(.*)/);
-    if (match && match[1].length > 0) return match[1];
-  }
-  const lowerProduct = productName.toLowerCase().trim();
-  if (lower.startsWith(lowerProduct)) {
-    const rest = variantName.slice(productName.length);
-    const match = rest.match(/^\s*[-–—]\s*(.*)/);
-    if (match && match[1].length > 0) return match[1];
-  }
-  const lastDash = variantName.lastIndexOf("-");
-  if (lastDash > 0 && lastDash < variantName.length - 1) {
-    const prefix = variantName.slice(0, lastDash).trim();
-    const suffix = variantName.slice(lastDash + 1).trim();
-    if (suffix.length > 0 && prefix.length > suffix.length * 2) {
-      return suffix;
-    }
-  }
-  return variantName;
-}
-function getVariantDisplayName(variant, productName) {
-  if (variant.display_attributes?.length) {
-    return variant.display_attributes.map((a) => a.value_name).join(" / ");
-  }
-  if (variant.name) {
-    return productName ? stripProductPrefix(variant.name, productName) : variant.name;
-  }
-  return productName || (variant.is_default ? "Default" : "Option");
-}
-
-// src/types/product.ts
-var PRODUCT_TYPE = {
-  Product: "product",
-  Service: "service",
-  Digital: "digital",
-  Bundle: "bundle",
-  Composite: "composite"
-};
-var RENDER_HINT = {
-  Food: "food",
-  Physical: "physical",
-  General: "general"
-};
-var DURATION_UNIT = {
-  Minutes: "minutes",
-  Hours: "hours",
-  Days: "days",
-  Nights: "nights",
-  Weeks: "weeks",
-  Months: "months",
-  Years: "years"
-};
-var INPUT_FIELD_TYPE = {
-  Text: "text",
-  Textarea: "textarea",
-  Number: "number",
-  Select: "select",
-  Radio: "radio",
-  Checkbox: "checkbox",
-  Color: "color",
-  Date: "date",
-  File: "file",
-  Image: "image",
-  Url: "url",
-  Address: "address",
-  Phone: "phone",
-  Email: "email",
-  DateTime: "date_time",
-  Time: "time",
-  Signature: "signature",
-  MultiSelect: "multi_select",
-  DateRange: "date_range",
-  Location: "location"
-};
-
-// src/internal/pkce.ts
-var VERIFIER_BYTES = 64;
-async function generatePkce() {
-  const random = new Uint8Array(VERIFIER_BYTES);
-  crypto.getRandomValues(random);
-  const verifier = base64UrlEncode(random);
-  const digest = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(verifier));
-  const challenge = base64UrlEncode(new Uint8Array(digest));
-  return { verifier, challenge, method: "S256" };
-}
-function generateState(byteLength = 16) {
-  const buf = new Uint8Array(byteLength);
-  crypto.getRandomValues(buf);
-  return base64UrlEncode(buf);
-}
-function base64UrlEncode(bytes) {
-  let str = "";
-  for (const byte of bytes) str += String.fromCharCode(byte);
-  return btoa(str).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
-}
-
-// src/internal/modal-iframe.ts
-function openModalIframe(opts) {
-  const overlay = document.createElement("div");
-  overlay.dataset.cimplifyModal = "1";
-  Object.assign(overlay.style, {
-    position: "fixed",
-    inset: "0",
-    background: "rgba(15, 18, 24, 0.55)",
-    zIndex: "2147483647",
-    display: "grid",
-    placeItems: "center",
-    backdropFilter: "blur(2px)"
-  });
-  const card = document.createElement("div");
-  Object.assign(card.style, {
-    width: `${opts.width ?? 480}px`,
-    maxWidth: "calc(100vw - 24px)",
-    height: `${opts.height ?? 720}px`,
-    maxHeight: "calc(100vh - 32px)"
-  });
-  const iframe = document.createElement("iframe");
-  iframe.src = opts.src;
-  iframe.style.width = "100%";
-  iframe.style.height = "100%";
-  iframe.style.border = "none";
-  iframe.style.background = "transparent";
-  iframe.setAttribute(
-    "sandbox",
-    opts.sandbox ?? "allow-scripts allow-same-origin allow-forms allow-popups"
-  );
-  iframe.setAttribute("allow", "publickey-credentials-get; publickey-credentials-create");
-  card.appendChild(iframe);
-  overlay.appendChild(card);
-  document.body.appendChild(overlay);
-  const close = () => {
-    overlay.remove();
-    document.removeEventListener("keydown", onKey);
-    opts.onClose?.();
-  };
-  const onKey = (e) => {
-    if (e.key === "Escape") close();
-  };
-  overlay.addEventListener("click", (e) => {
-    if (e.target === overlay) close();
-  });
-  document.addEventListener("keydown", onKey);
-  return { iframe, close };
-}
-
-// src/sign-in.ts
-var DEFAULT_SCOPE = "openid email phone profile";
-function resolveAuthorizeEndpoint(opts) {
-  if (opts.authUrl) {
-    return Promise.resolve(`${opts.authUrl.replace(/\/$/, "")}/oauth/authorize`);
-  }
-  return chunkKWYI2TTA_js.getAuthorizationEndpoint(opts.issuer ?? chunkKWYI2TTA_js.DEFAULT_ISSUER);
-}
-async function startSignIn(opts) {
-  const callbackUri = opts.callbackUri ?? "/auth/callback";
-  const pkce = await generatePkce();
-  const state = generateState();
-  const authorizeEndpoint = await resolveAuthorizeEndpoint(opts);
-  if ((opts.mode ?? "redirect") === "redirect") {
-    startRedirectSignIn(opts, authorizeEndpoint, pkce, state);
-    return;
-  }
-  const params = new URLSearchParams({
-    response_type: "code",
-    response_mode: "web_message",
-    client_id: opts.clientId,
-    redirect_uri: opts.redirectUri,
-    scope: opts.scope ?? DEFAULT_SCOPE,
-    state,
-    code_challenge: pkce.challenge,
-    code_challenge_method: pkce.method
-  });
-  if (opts.loginHint) params.set("login_hint", opts.loginHint);
-  if (opts.prompt) params.set("prompt", opts.prompt);
-  const src = `${authorizeEndpoint}?${params.toString()}`;
-  const expectedOrigin = new URL(authorizeEndpoint).origin;
-  const modal = openModalIframe({
-    src,
-    onClose: () => {
-      window.removeEventListener("message", handler);
-    }
-  });
-  const handler = async (event) => {
-    if (event.origin !== expectedOrigin) return;
-    const data = event.data;
-    if (!data || typeof data !== "object" || data.type !== "authorization_response") return;
-    const response = data.response;
-    if (response.error) {
-      modal.close();
-      opts.onError?.({ error: response.error, description: response.error_description });
-      return;
-    }
-    if (!response.code) return;
-    if (response.state !== state) {
-      modal.close();
-      opts.onError?.({ error: "state_mismatch" });
-      return;
-    }
-    try {
-      const res = await fetch(callbackUri, {
-        method: "POST",
-        credentials: "include",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ code: response.code, codeVerifier: pkce.verifier, state })
-      });
-      if (!res.ok) {
-        const body = await res.text().catch(() => "");
-        opts.onError?.({ error: "callback_failed", description: body });
-        modal.close();
-        return;
-      }
-      modal.close();
-      opts.onSuccess?.();
-    } catch (e) {
-      opts.onError?.({ error: "callback_exception", description: String(e) });
-      modal.close();
-    }
-  };
-  window.addEventListener("message", handler);
-}
-function startRedirectSignIn(opts, authorizeEndpoint, pkce, state) {
-  const returnTo = opts.returnTo ?? window.location.pathname + window.location.search;
-  const cookieValue = chunkKWYI2TTA_js.encodePkceState({ verifier: pkce.verifier, state, returnTo });
-  const secure = window.location.protocol === "https:" ? "; Secure" : "";
-  document.cookie = `${chunkKWYI2TTA_js.PKCE_COOKIE}=${cookieValue}; Path=${chunkKWYI2TTA_js.PKCE_COOKIE_PATH}; Max-Age=${chunkKWYI2TTA_js.PKCE_COOKIE_MAX_AGE_SECONDS}; SameSite=Lax${secure}`;
-  const params = new URLSearchParams({
-    response_type: "code",
-    response_mode: "query",
-    client_id: opts.clientId,
-    redirect_uri: opts.redirectUri,
-    scope: opts.scope ?? DEFAULT_SCOPE,
-    state,
-    code_challenge: pkce.challenge,
-    code_challenge_method: pkce.method
-  });
-  if (opts.loginHint) params.set("login_hint", opts.loginHint);
-  if (opts.prompt) params.set("prompt", opts.prompt);
-  window.location.assign(`${authorizeEndpoint}?${params.toString()}`);
-}
-
-// src/assets/url.ts
-var DEFAULT_CDN_BASE_URL = "https://storefrontassetscdn.cimplify.io";
-var CIMPLIFY_CDN_HOSTS = [
-  "storefrontassetscdn.cimplify.io",
-  "cdn.cimplify.io",
-  "static-tmp.cimplify.io"
-];
-var ABSOLUTE_URL_RE = /^https?:\/\//i;
-var MOCK_PASSTHROUGH_RE = /^\/(img|elements|_mock)\//;
-function assetUrl(path, opts = {}) {
-  if (!path) return path;
-  if (ABSOLUTE_URL_RE.test(path)) return appendTransform(path, opts);
-  if (MOCK_PASSTHROUGH_RE.test(path)) return appendTransform(path, opts);
-  const base = (opts.base ?? DEFAULT_CDN_BASE_URL).replace(/\/+$/, "");
-  const normalized = path.replace(/^\/+/, "");
-  return appendTransform(`${base}/${normalized}`, opts);
-}
-function isCimplifyAsset(src, base) {
-  if (!src) return false;
-  if (!ABSOLUTE_URL_RE.test(src)) return true;
-  if (MOCK_PASSTHROUGH_RE.test(src)) return true;
-  const resolvedBase = (base ?? DEFAULT_CDN_BASE_URL).replace(/\/+$/, "");
-  if (resolvedBase && src.startsWith(resolvedBase)) return true;
-  return CIMPLIFY_CDN_HOSTS.some((host) => src.startsWith(`https://${host}/`));
-}
-function appendTransform(url, t) {
-  const params = new URLSearchParams();
-  if (t.w != null) params.set("w", String(t.w));
-  if (t.h != null) params.set("h", String(t.h));
-  if (t.quality != null) params.set("quality", String(t.quality));
-  if (t.format != null) params.set("format", t.format);
-  const query = params.toString();
-  if (!query) return url;
-  return `${url}${url.includes("?") ? "&" : "?"}${query}`;
-}
-
-exports.CIMPLIFY_CDN_HOSTS = CIMPLIFY_CDN_HOSTS;
-exports.DEFAULT_CDN_BASE_URL = DEFAULT_CDN_BASE_URL;
-exports.DURATION_UNIT = DURATION_UNIT;
-exports.INPUT_FIELD_TYPE = INPUT_FIELD_TYPE;
-exports.PRODUCT_TYPE = PRODUCT_TYPE;
-exports.RENDER_HINT = RENDER_HINT;
-exports.allGalleryImages = allGalleryImages;
-exports.assetUrl = assetUrl;
-exports.generatePkce = generatePkce;
-exports.generateState = generateState;
-exports.getVariantDisplayName = getVariantDisplayName;
-exports.isCimplifyAsset = isCimplifyAsset;
-exports.resolveGallery = resolveGallery;
-exports.startSignIn = startSignIn;

package/dist/chunk-KWYI2TTA.js

@@ -1,60 +0,0 @@
-'use strict';
-
-// src/internal/pkce-cookie.ts
-var PKCE_COOKIE = "cimplify_pkce";
-var PKCE_COOKIE_PATH = "/auth";
-var PKCE_COOKIE_MAX_AGE_SECONDS = 600;
-function encodePkceState(state) {
-  return encodeURIComponent(JSON.stringify(state));
-}
-function decodePkceState(raw) {
-  try {
-    const parsed = JSON.parse(decodeURIComponent(raw));
-    if (typeof parsed?.verifier === "string" && typeof parsed.state === "string" && typeof parsed.returnTo === "string") {
-      return { verifier: parsed.verifier, state: parsed.state, returnTo: parsed.returnTo };
-    }
-  } catch {
-  }
-  return null;
-}
-
-// src/internal/discovery.ts
-var DEFAULT_ISSUER = "https://api.cimplify.io";
-var DEFAULT_AUTHORIZATION_ENDPOINT = "https://auth.cimplify.io/oauth/authorize";
-function fallbackAuthorizationEndpoint(issuerBase) {
-  if (issuerBase === DEFAULT_ISSUER) return DEFAULT_AUTHORIZATION_ENDPOINT;
-  throw new Error(
-    `OIDC discovery for "${issuerBase}" is unreachable and no fallback authorize endpoint is known for it. Make discovery reachable (enable CORS) or pass authUrl.`
-  );
-}
-var cache = /* @__PURE__ */ new Map();
-function fetchDiscovery(issuer) {
-  const base = issuer.replace(/\/$/, "");
-  let pending = cache.get(base);
-  if (!pending) {
-    pending = fetch(`${base}/.well-known/openid-configuration`).then((res) => {
-      if (!res.ok) throw new Error(`oidc discovery failed: ${res.status}`);
-      return res.json();
-    });
-    pending.catch(() => cache.delete(base));
-    cache.set(base, pending);
-  }
-  return pending;
-}
-async function getAuthorizationEndpoint(issuer) {
-  const base = issuer.replace(/\/$/, "");
-  try {
-    const doc = await fetchDiscovery(base);
-    if (doc.authorization_endpoint) return doc.authorization_endpoint;
-  } catch {
-  }
-  return fallbackAuthorizationEndpoint(base);
-}
-
-exports.DEFAULT_ISSUER = DEFAULT_ISSUER;
-exports.PKCE_COOKIE = PKCE_COOKIE;
-exports.PKCE_COOKIE_MAX_AGE_SECONDS = PKCE_COOKIE_MAX_AGE_SECONDS;
-exports.PKCE_COOKIE_PATH = PKCE_COOKIE_PATH;
-exports.decodePkceState = decodePkceState;
-exports.encodePkceState = encodePkceState;
-exports.getAuthorizationEndpoint = getAuthorizationEndpoint;

package/registry/account.json

@@ -1,15 +0,0 @@
-{
-  "name": "account",
-  "title": "CimplifyAccount",
-  "description": "Iframe wrapper for the Cimplify account portal — sign-in, orders, addresses, settings.",
-  "type": "component",
-  "registryDependencies": [
-    "cn"
-  ],
-  "files": [
-    {
-      "path": "account.tsx",
-      "content": "\"use client\";\n\nimport React, { useEffect, useRef, useState, useMemo } from \"react\";\nimport type { CimplifyClient } from \"../client\";\nimport { useOptionalCimplify } from \"@cimplify/sdk/react\";\nimport { cn } from \"@cimplify/sdk/react\";\n\nexport interface CimplifyAccountProps {\n  /** CimplifyClient instance. Falls back to provider context. */\n  client?: CimplifyClient;\n  /** Override the Link base URL. */\n  linkUrl?: string;\n  /** Initial section to show: \"dashboard\" | \"orders\" | \"addresses\" | \"payment-methods\" | \"sessions\" | \"settings\". */\n  section?: string;\n  /**\n   * Per-merchant scope for the embedded account widget. When set, the\n   * widget filters orders/subs/sessions to this business and hides\n   * cross-merchant surfaces. Defaults to the client's configured\n   * business ID so storefronts get scoping for free.\n   */\n  businessId?: string;\n  /**\n   * Display name of the embedding merchant — shown in the widget's\n   * scoping footer (\"Showing your account with Acme Threads only.\").\n   * Optional but recommended for trust signal.\n   */\n  merchantName?: string;\n  /** Appearance variables — passed to Link for theming. */\n  appearance?: {\n    theme?: \"light\" | \"dark\";\n    variables?: {\n      primaryColor?: string;\n      fontFamily?: string;\n      borderRadius?: string;\n    };\n  };\n  /** Called when the user logs out from the account portal. */\n  onLogout?: () => void;\n  /** Additional CSS class for the container. */\n  className?: string;\n}\n\nconst DEFAULT_LINK_URL = \"https://link.cimplify.io\";\n\nexport function CimplifyAccount({\n  client: clientProp,\n  linkUrl,\n  section,\n  businessId: businessIdProp,\n  merchantName,\n  appearance,\n  onLogout,\n  className,\n}: CimplifyAccountProps): React.ReactElement {\n  const context = useOptionalCimplify();\n  const client = clientProp ?? context?.client;\n  const resolvedLinkUrl = linkUrl || DEFAULT_LINK_URL;\n  const resolvedBusinessId = businessIdProp || client?.getBusinessId?.() || \"\";\n\n  const iframeRef = useRef<HTMLIFrameElement | null>(null);\n  const [height, setHeight] = useState(400);\n  const [isReady, setIsReady] = useState(false);\n\n  const iframeSrc = useMemo(() => {\n    const path = section ? `/elements/account/${section}` : \"/elements/account\";\n    const url = new URL(path, resolvedLinkUrl);\n    if (resolvedBusinessId) url.searchParams.set(\"businessId\", resolvedBusinessId);\n    return url.toString();\n  }, [resolvedLinkUrl, section, resolvedBusinessId]);\n\n  // Listen for messages from the iframe\n  useEffect(() => {\n    function handleMessage(event: MessageEvent) {\n      if (!event.data || typeof event.data !== \"object\") return;\n\n      // Only accept messages from our iframe\n      if (iframeRef.current?.contentWindow && event.source !== iframeRef.current.contentWindow) {\n        return;\n      }\n\n      switch (event.data.type) {\n        case \"ready\":\n          setIsReady(true);\n          if (typeof event.data.height === \"number\") {\n            setHeight(event.data.height);\n          }\n          // Send init with token + appearance\n          sendInit();\n          break;\n\n        case \"height_change\":\n          if (typeof event.data.height === \"number\") {\n            setHeight(event.data.height);\n          }\n          break;\n\n        case \"logout_complete\":\n          onLogout?.();\n          break;\n      }\n    }\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [appearance, client, onLogout]);\n\n  function sendInit() {\n    const contentWindow = iframeRef.current?.contentWindow;\n    if (!contentWindow) return;\n\n    const token = client?.getAccessToken?.();\n    contentWindow.postMessage(\n      {\n        type: \"init\",\n        token: token ?? undefined,\n        appearance: appearance ?? undefined,\n        businessId: resolvedBusinessId || undefined,\n        merchantName: merchantName ?? undefined,\n      },\n      resolvedLinkUrl,\n    );\n  }\n\n  return (\n    <div\n      data-cimplify-account\n      className={cn(\"relative overflow-hidden\", className)}\n    >\n      {!isReady && (\n        <div className=\"flex items-center justify-center py-16\">\n          <div className=\"w-6 h-6 border-2 border-border border-t-foreground rounded-full animate-spin\" />\n        </div>\n      )}\n      <iframe\n        ref={iframeRef}\n        src={iframeSrc}\n        style={{\n          border: \"none\",\n          width: \"100%\",\n          height: `${height}px`,\n          display: isReady ? \"block\" : \"none\",\n          overflow: \"hidden\",\n          background: \"transparent\",\n        }}\n        allow=\"geolocation\"\n        sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox\"\n      />\n    </div>\n  );\n}\n"
-    }
-  ]
-}