@cimplify/sdk 0.4.0 → 0.5.1

package/dist/index.mjs

@@ -1065,6 +1065,9 @@ var InventoryService = class {
 };
 
 // src/scheduling.ts
+function toVariables(input) {
+  return Object.fromEntries(Object.entries(input));
+}
 function toCimplifyError9(error) {
   if (error instanceof CimplifyError) return error;
   if (error instanceof Error) {
@@ -1097,17 +1100,14 @@ var SchedulingService = class {
   }
   async getAvailableSlots(input) {
     return safe9(
-      this.client.query(
-        "scheduling.slots",
-        input
-      )
+      this.client.query("scheduling.slots", toVariables(input))
     );
   }
   async checkSlotAvailability(input) {
     return safe9(
       this.client.query(
         "scheduling.check_availability",
-        input
+        toVariables(input)
       )
     );
   }
@@ -1115,7 +1115,7 @@ var SchedulingService = class {
     return safe9(
       this.client.query(
         "scheduling.availability",
-        params
+        toVariables(params)
       )
     );
   }
@@ -1264,7 +1264,56 @@ var EVENT_TYPES = {
 };
 
 // src/elements.ts
+function mapOrderType(orderType) {
+  if (orderType === "dine_in") return "dine-in";
+  return orderType ?? "delivery";
+}
+function toCheckoutFormData(data) {
+  return {
+    cart_id: data.cart_id,
+    customer: {
+      name: "",
+      email: "",
+      phone: "",
+      save_details: false
+    },
+    order_type: mapOrderType(data.order_type),
+    address_info: data.address ? {
+      street_address: data.address.street_address,
+      apartment: data.address.apartment,
+      city: data.address.city,
+      region: data.address.region,
+      postal_code: data.address.postal_code,
+      country: data.address.country,
+      delivery_instructions: data.address.delivery_instructions,
+      phone_for_delivery: data.address.phone_for_delivery
+    } : {},
+    payment_method: data.payment_method?.type ?? "mobile_money",
+    mobile_money_details: data.payment_method?.type === "mobile_money" && data.payment_method.phone_number ? {
+      phone_number: data.payment_method.phone_number,
+      provider: data.payment_method.provider ?? "mtn"
+    } : void 0,
+    special_instructions: data.notes,
+    link_address_id: data.address?.id,
+    link_payment_method_id: data.payment_method?.id
+  };
+}
 var DEFAULT_LINK_URL = "https://link.cimplify.io";
+function isAllowedOrigin(origin) {
+  try {
+    const url = new URL(origin);
+    const hostname = url.hostname;
+    if (hostname === "localhost" || hostname === "127.0.0.1") {
+      return true;
+    }
+    if (url.protocol !== "https:") {
+      return false;
+    }
+    return hostname === "cimplify.io" || hostname.endsWith(".cimplify.io");
+  } catch {
+    return false;
+  }
+}
 var CimplifyElements = class {
   constructor(client, businessId, options = {}) {
     this.elements = /* @__PURE__ */ new Map();
@@ -1277,8 +1326,9 @@ var CimplifyElements = class {
     this.businessId = businessId;
     this.linkUrl = options.linkUrl || DEFAULT_LINK_URL;
     this.options = options;
+    this.boundHandleMessage = this.handleMessage.bind(this);
     if (typeof window !== "undefined") {
-      window.addEventListener("message", this.handleMessage.bind(this));
+      window.addEventListener("message", this.boundHandleMessage);
     }
   }
   create(type, options = {}) {
@@ -1295,7 +1345,7 @@ var CimplifyElements = class {
     this.elements.forEach((element) => element.destroy());
     this.elements.clear();
     if (typeof window !== "undefined") {
-      window.removeEventListener("message", this.handleMessage.bind(this));
+      window.removeEventListener("message", this.boundHandleMessage);
     }
   }
   async submitCheckout(data) {
@@ -1303,15 +1353,24 @@ var CimplifyElements = class {
     if (addressElement) await addressElement.getData();
     const paymentElement = this.elements.get(ELEMENT_TYPES.PAYMENT);
     if (paymentElement) await paymentElement.getData();
-    const checkoutData = {
+    const internalData = {
       ...data,
       customer: this.accountId ? { account_id: this.accountId, customer_id: this.customerId } : void 0,
       address: this.addressData,
       payment_method: this.paymentData
     };
-    const result = await this.client.checkout.process(checkoutData);
+    const checkoutFormData = toCheckoutFormData(internalData);
+    const result = await this.client.checkout.process(checkoutFormData);
     if (result.ok) {
-      return { success: true, order: result.value };
+      return {
+        success: true,
+        order: {
+          id: result.value.order_id,
+          status: result.value.payment_status,
+          total: ""
+          // Total is not returned by checkout result
+        }
+      };
     }
     return {
       success: false,
@@ -1328,7 +1387,7 @@ var CimplifyElements = class {
     return this.accessToken;
   }
   handleMessage(event) {
-    if (!event.origin.includes("cimplify.io") && !event.origin.includes("localhost")) {
+    if (!isAllowedOrigin(event.origin)) {
       return;
     }
     const message = event.data;
@@ -1382,8 +1441,9 @@ var CimplifyElement = class {
     this.linkUrl = linkUrl;
     this.options = options;
     this.parent = parent;
+    this.boundHandleMessage = this.handleMessage.bind(this);
     if (typeof window !== "undefined") {
-      window.addEventListener("message", this.handleMessage.bind(this));
+      window.addEventListener("message", this.boundHandleMessage);
     }
   }
   mount(container) {
@@ -1409,7 +1469,7 @@ var CimplifyElement = class {
     this.mounted = false;
     this.eventHandlers.clear();
     if (typeof window !== "undefined") {
-      window.removeEventListener("message", this.handleMessage.bind(this));
+      window.removeEventListener("message", this.boundHandleMessage);
     }
   }
   on(event, handler) {
@@ -1469,7 +1529,7 @@ var CimplifyElement = class {
     };
   }
   handleMessage(event) {
-    if (!event.origin.includes("cimplify.io") && !event.origin.includes("localhost")) {
+    if (!isAllowedOrigin(event.origin)) {
       return;
     }
     const message = event.data;
@@ -1520,8 +1580,7 @@ function createElements(client, businessId, options) {
 }
 
 // src/client.ts
-var SESSION_TOKEN_HEADER = "x-session-token";
-var SESSION_STORAGE_KEY = "cimplify_session_token";
+var ACCESS_TOKEN_STORAGE_KEY = "cimplify_access_token";
 var DEFAULT_TIMEOUT_MS = 3e4;
 var DEFAULT_MAX_RETRIES = 3;
 var DEFAULT_RETRY_DELAY_MS = 1e3;
@@ -1581,11 +1640,19 @@ function deriveUrls() {
     linkApiUrl: "https://api.cimplify.io"
   };
 }
+function getEnvPublicKey() {
+  try {
+    const env = globalThis.process;
+    return env?.env.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || void 0;
+  } catch {
+    return void 0;
+  }
+}
 var CimplifyClient = class {
   constructor(config = {}) {
-    this.sessionToken = null;
+    this.accessToken = null;
     this.inflightRequests = /* @__PURE__ */ new Map();
-    this.publicKey = config.publicKey || "";
+    this.publicKey = config.publicKey || getEnvPublicKey() || "";
     const urls = deriveUrls();
     this.baseUrl = urls.baseUrl;
     this.linkApiUrl = urls.linkApiUrl;
@@ -1594,15 +1661,28 @@ var CimplifyClient = class {
     this.maxRetries = config.maxRetries ?? DEFAULT_MAX_RETRIES;
     this.retryDelay = config.retryDelay ?? DEFAULT_RETRY_DELAY_MS;
     this.hooks = config.hooks ?? {};
-    this.sessionToken = this.loadSessionToken();
+    this.accessToken = this.loadAccessToken();
+    if (!this.publicKey) {
+      console.warn(
+        '[Cimplify] No public key found. Set NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY in your environment, or pass { publicKey: "pk_..." } to createCimplifyClient().'
+      );
+    }
   }
+  /** @deprecated Use getAccessToken() instead */
   getSessionToken() {
-    return this.sessionToken;
+    return this.accessToken;
   }
+  /** @deprecated Use setAccessToken() instead */
   setSessionToken(token) {
-    const previous = this.sessionToken;
-    this.sessionToken = token;
-    this.saveSessionToken(token);
+    this.setAccessToken(token);
+  }
+  getAccessToken() {
+    return this.accessToken;
+  }
+  setAccessToken(token) {
+    const previous = this.accessToken;
+    this.accessToken = token;
+    this.saveAccessToken(token);
     this.hooks.onSessionChange?.({
       previousToken: previous,
       newToken: token,
@@ -1610,27 +1690,27 @@ var CimplifyClient = class {
     });
   }
   clearSession() {
-    const previous = this.sessionToken;
-    this.sessionToken = null;
-    this.saveSessionToken(null);
+    const previous = this.accessToken;
+    this.accessToken = null;
+    this.saveAccessToken(null);
     this.hooks.onSessionChange?.({
       previousToken: previous,
       newToken: null,
       source: "clear"
     });
   }
-  loadSessionToken() {
+  loadAccessToken() {
     if (typeof window !== "undefined" && window.localStorage) {
-      return localStorage.getItem(SESSION_STORAGE_KEY);
+      return localStorage.getItem(ACCESS_TOKEN_STORAGE_KEY);
     }
     return null;
   }
-  saveSessionToken(token) {
+  saveAccessToken(token) {
     if (typeof window !== "undefined" && window.localStorage) {
       if (token) {
-        localStorage.setItem(SESSION_STORAGE_KEY, token);
+        localStorage.setItem(ACCESS_TOKEN_STORAGE_KEY, token);
       } else {
-        localStorage.removeItem(SESSION_STORAGE_KEY);
+        localStorage.removeItem(ACCESS_TOKEN_STORAGE_KEY);
       }
     }
   }
@@ -1639,24 +1719,11 @@ var CimplifyClient = class {
       "Content-Type": "application/json",
       "X-API-Key": this.publicKey
     };
-    if (this.sessionToken) {
-      headers[SESSION_TOKEN_HEADER] = this.sessionToken;
+    if (this.accessToken) {
+      headers["Authorization"] = `Bearer ${this.accessToken}`;
     }
     return headers;
   }
-  updateSessionFromResponse(response) {
-    const newToken = response.headers.get(SESSION_TOKEN_HEADER);
-    if (newToken && newToken !== this.sessionToken) {
-      const previous = this.sessionToken;
-      this.sessionToken = newToken;
-      this.saveSessionToken(newToken);
-      this.hooks.onSessionChange?.({
-        previousToken: previous,
-        newToken,
-        source: "response"
-      });
-    }
-  }
   async resilientFetch(url, options) {
     const method = options.method || "GET";
     const path = url.replace(this.baseUrl, "").replace(this.linkApiUrl, "");
@@ -1768,7 +1835,6 @@ var CimplifyClient = class {
         headers: this.getHeaders(),
         body: JSON.stringify(body)
       });
-      this.updateSessionFromResponse(response);
       return this.handleResponse(response);
     });
   }
@@ -1783,7 +1849,6 @@ var CimplifyClient = class {
       headers: this.getHeaders(),
       body: JSON.stringify(body)
     });
-    this.updateSessionFromResponse(response);
     return this.handleResponse(response);
   }
   async get(path) {
@@ -1794,7 +1859,6 @@ var CimplifyClient = class {
         credentials: this.credentials,
         headers: this.getHeaders()
       });
-      this.updateSessionFromResponse(response);
       return this.handleRestResponse(response);
     });
   }
@@ -1805,7 +1869,6 @@ var CimplifyClient = class {
       headers: this.getHeaders(),
       body: body ? JSON.stringify(body) : void 0
     });
-    this.updateSessionFromResponse(response);
     return this.handleRestResponse(response);
   }
   async delete(path) {
@@ -1814,7 +1877,6 @@ var CimplifyClient = class {
       credentials: this.credentials,
       headers: this.getHeaders()
     });
-    this.updateSessionFromResponse(response);
     return this.handleRestResponse(response);
   }
   async linkGet(path) {
@@ -1825,7 +1887,6 @@ var CimplifyClient = class {
         credentials: this.credentials,
         headers: this.getHeaders()
       });
-      this.updateSessionFromResponse(response);
       return this.handleRestResponse(response);
     });
   }
@@ -1836,7 +1897,6 @@ var CimplifyClient = class {
       headers: this.getHeaders(),
       body: body ? JSON.stringify(body) : void 0
     });
-    this.updateSessionFromResponse(response);
     return this.handleRestResponse(response);
   }
   async linkDelete(path) {
@@ -1845,7 +1905,6 @@ var CimplifyClient = class {
       credentials: this.credentials,
       headers: this.getHeaders()
     });
-    this.updateSessionFromResponse(response);
     return this.handleRestResponse(response);
   }
   async handleRestResponse(response) {
@@ -1948,7 +2007,7 @@ var CimplifyClient = class {
     return createElements(this, businessId, options);
   }
 };
-function createCimplifyClient(config) {
+function createCimplifyClient(config = {}) {
   return new CimplifyClient(config);
 }
 

package/dist/react.d.mts

@@ -1,6 +1,52 @@
-import { r as CimplifyElements, C as CimplifyClient, v as ElementsOptions, eh as AuthenticatedData, ef as AddressInfo, eg as PaymentMethodInfo, ej as ElementsCheckoutResult } from './client-Ug3b8v1t.mjs';
+import { en as AdSlot, eo as AdPosition, es as AdContextValue, r as CimplifyElements, C as CimplifyClient, v as ElementsOptions, eh as AuthenticatedData, ef as AddressInfo, eg as PaymentMethodInfo, ej as ElementsCheckoutResult } from './ads-CsufxnHH.mjs';
+export { eq as AdConfig } from './ads-CsufxnHH.mjs';
 import React, { ReactNode } from 'react';
 
+interface UserIdentity {
+    uid: string;
+    isAuthenticated: boolean;
+    fingerprint: string;
+    signals: DeviceSignals;
+}
+interface DeviceSignals {
+    userAgent: string;
+    language: string;
+    languages: string[];
+    platform: string;
+    screenWidth: number;
+    screenHeight: number;
+    colorDepth: number;
+    pixelRatio: number;
+    timezone: string;
+    timezoneOffset: number;
+    touchSupport: boolean;
+    cookiesEnabled: boolean;
+    doNotTrack: boolean;
+}
+
+interface AdContextValueExtended extends AdContextValue {
+    identity: UserIdentity | null;
+    apiBase: string;
+}
+declare function useAds(): AdContextValueExtended;
+interface AdProviderProps {
+    siteId: string;
+    apiBase?: string;
+    authenticatedAccountId?: string;
+    children: ReactNode;
+}
+declare function AdProvider({ siteId, apiBase, authenticatedAccountId, children, }: AdProviderProps): React.ReactElement;
+interface AdProps {
+    slot: AdSlot;
+    position?: AdPosition;
+    className?: string;
+    style?: React.CSSProperties;
+    fallback?: ReactNode;
+    onImpression?: (adId: string) => void;
+    onClick?: (adId: string) => void;
+}
+declare function Ad({ slot, position, className, style, fallback, onImpression, onClick, }: AdProps): React.ReactElement | null;
+
 declare function useElements(): CimplifyElements | null;
 declare function useElementsReady(): boolean;
 interface ElementsProviderProps {
@@ -56,4 +102,4 @@ declare function useCheckout(): {
     isLoading: boolean;
 };
 
-export { AddressElement, AuthElement, ElementsProvider, PaymentElement, useCheckout, useElements, useElementsReady };
+export { Ad, AdPosition, type AdProps, AdProvider, AdSlot, AddressElement, AuthElement, ElementsProvider, PaymentElement, useAds, useCheckout, useElements, useElementsReady };

package/dist/react.d.ts

@@ -1,6 +1,52 @@
-import { r as CimplifyElements, C as CimplifyClient, v as ElementsOptions, eh as AuthenticatedData, ef as AddressInfo, eg as PaymentMethodInfo, ej as ElementsCheckoutResult } from './client-Ug3b8v1t.js';
+import { en as AdSlot, eo as AdPosition, es as AdContextValue, r as CimplifyElements, C as CimplifyClient, v as ElementsOptions, eh as AuthenticatedData, ef as AddressInfo, eg as PaymentMethodInfo, ej as ElementsCheckoutResult } from './ads-CsufxnHH.js';
+export { eq as AdConfig } from './ads-CsufxnHH.js';
 import React, { ReactNode } from 'react';
 
+interface UserIdentity {
+    uid: string;
+    isAuthenticated: boolean;
+    fingerprint: string;
+    signals: DeviceSignals;
+}
+interface DeviceSignals {
+    userAgent: string;
+    language: string;
+    languages: string[];
+    platform: string;
+    screenWidth: number;
+    screenHeight: number;
+    colorDepth: number;
+    pixelRatio: number;
+    timezone: string;
+    timezoneOffset: number;
+    touchSupport: boolean;
+    cookiesEnabled: boolean;
+    doNotTrack: boolean;
+}
+
+interface AdContextValueExtended extends AdContextValue {
+    identity: UserIdentity | null;
+    apiBase: string;
+}
+declare function useAds(): AdContextValueExtended;
+interface AdProviderProps {
+    siteId: string;
+    apiBase?: string;
+    authenticatedAccountId?: string;
+    children: ReactNode;
+}
+declare function AdProvider({ siteId, apiBase, authenticatedAccountId, children, }: AdProviderProps): React.ReactElement;
+interface AdProps {
+    slot: AdSlot;
+    position?: AdPosition;
+    className?: string;
+    style?: React.CSSProperties;
+    fallback?: ReactNode;
+    onImpression?: (adId: string) => void;
+    onClick?: (adId: string) => void;
+}
+declare function Ad({ slot, position, className, style, fallback, onImpression, onClick, }: AdProps): React.ReactElement | null;
+
 declare function useElements(): CimplifyElements | null;
 declare function useElementsReady(): boolean;
 interface ElementsProviderProps {
@@ -56,4 +102,4 @@ declare function useCheckout(): {
     isLoading: boolean;
 };
 
-export { AddressElement, AuthElement, ElementsProvider, PaymentElement, useCheckout, useElements, useElementsReady };
+export { Ad, AdPosition, type AdProps, AdProvider, AdSlot, AddressElement, AuthElement, ElementsProvider, PaymentElement, useAds, useCheckout, useElements, useElementsReady };