@cimplify/sdk 0.3.6 → 0.5.0

package/dist/index.js

@@ -521,6 +521,15 @@ var AUTHORIZATION_TYPE = {
   BIRTHDAY: "birthday",
   ADDRESS: "address"
 };
+var DEVICE_TYPE = {
+  MOBILE: "mobile",
+  DESKTOP: "desktop",
+  TABLET: "tablet"
+};
+var CONTACT_TYPE = {
+  PHONE: "phone",
+  EMAIL: "email"
+};
 var LINK_QUERY = {
   DATA: "link.data",
   ADDRESSES: "link.addresses",
@@ -1058,6 +1067,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) {
@@ -1090,17 +1102,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)
       )
     );
   }
@@ -1108,7 +1117,7 @@ var SchedulingService = class {
     return safe9(
       this.client.query(
         "scheduling.availability",
-        params
+        toVariables(params)
       )
     );
   }
@@ -1221,9 +1230,359 @@ var LiteService = class {
   }
 };
 
+// src/types/elements.ts
+var ELEMENT_TYPES = {
+  AUTH: "auth",
+  ADDRESS: "address",
+  PAYMENT: "payment"
+};
+var MESSAGE_TYPES = {
+  // Parent → Iframe
+  INIT: "init",
+  SET_TOKEN: "set_token",
+  GET_DATA: "get_data",
+  REFRESH_TOKEN: "refresh_token",
+  LOGOUT: "logout",
+  // Iframe → Parent
+  READY: "ready",
+  HEIGHT_CHANGE: "height_change",
+  AUTHENTICATED: "authenticated",
+  REQUIRES_OTP: "requires_otp",
+  ERROR: "error",
+  ADDRESS_CHANGED: "address_changed",
+  ADDRESS_SELECTED: "address_selected",
+  PAYMENT_METHOD_SELECTED: "payment_method_selected",
+  TOKEN_REFRESHED: "token_refreshed",
+  LOGOUT_COMPLETE: "logout_complete"
+};
+var EVENT_TYPES = {
+  READY: "ready",
+  AUTHENTICATED: "authenticated",
+  REQUIRES_OTP: "requires_otp",
+  ERROR: "error",
+  CHANGE: "change",
+  BLUR: "blur",
+  FOCUS: "focus"
+};
+
+// 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();
+    this.accessToken = null;
+    this.accountId = null;
+    this.customerId = null;
+    this.addressData = null;
+    this.paymentData = null;
+    this.client = client;
+    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.boundHandleMessage);
+    }
+  }
+  create(type, options = {}) {
+    const existing = this.elements.get(type);
+    if (existing) return existing;
+    const element = new CimplifyElement(type, this.businessId, this.linkUrl, options, this);
+    this.elements.set(type, element);
+    return element;
+  }
+  getElement(type) {
+    return this.elements.get(type);
+  }
+  destroy() {
+    this.elements.forEach((element) => element.destroy());
+    this.elements.clear();
+    if (typeof window !== "undefined") {
+      window.removeEventListener("message", this.boundHandleMessage);
+    }
+  }
+  async submitCheckout(data) {
+    const addressElement = this.elements.get(ELEMENT_TYPES.ADDRESS);
+    if (addressElement) await addressElement.getData();
+    const paymentElement = this.elements.get(ELEMENT_TYPES.PAYMENT);
+    if (paymentElement) await paymentElement.getData();
+    const internalData = {
+      ...data,
+      customer: this.accountId ? { account_id: this.accountId, customer_id: this.customerId } : void 0,
+      address: this.addressData,
+      payment_method: this.paymentData
+    };
+    const checkoutFormData = toCheckoutFormData(internalData);
+    const result = await this.client.checkout.process(checkoutFormData);
+    if (result.ok) {
+      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,
+      error: {
+        code: result.error.code || "CHECKOUT_FAILED",
+        message: result.error.message || "Checkout failed"
+      }
+    };
+  }
+  isAuthenticated() {
+    return this.accessToken !== null;
+  }
+  getAccessToken() {
+    return this.accessToken;
+  }
+  handleMessage(event) {
+    if (!isAllowedOrigin(event.origin)) {
+      return;
+    }
+    const message = event.data;
+    if (!message?.type) return;
+    switch (message.type) {
+      case MESSAGE_TYPES.AUTHENTICATED:
+        this.accessToken = message.token;
+        this.accountId = message.accountId;
+        this.customerId = message.customerId;
+        this.elements.forEach((element, type) => {
+          if (type !== ELEMENT_TYPES.AUTH) {
+            element.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token: message.token });
+          }
+        });
+        break;
+      case MESSAGE_TYPES.TOKEN_REFRESHED:
+        this.accessToken = message.token;
+        break;
+      case MESSAGE_TYPES.ADDRESS_CHANGED:
+      case MESSAGE_TYPES.ADDRESS_SELECTED:
+        this.addressData = message.address;
+        break;
+      case MESSAGE_TYPES.PAYMENT_METHOD_SELECTED:
+        this.paymentData = message.method;
+        break;
+      case MESSAGE_TYPES.LOGOUT_COMPLETE:
+        this.accessToken = null;
+        this.accountId = null;
+        this.customerId = null;
+        this.addressData = null;
+        this.paymentData = null;
+        break;
+    }
+  }
+  _setAddressData(data) {
+    this.addressData = data;
+  }
+  _setPaymentData(data) {
+    this.paymentData = data;
+  }
+};
+var CimplifyElement = class {
+  constructor(type, businessId, linkUrl, options, parent) {
+    this.iframe = null;
+    this.container = null;
+    this.mounted = false;
+    this.eventHandlers = /* @__PURE__ */ new Map();
+    this.resolvers = /* @__PURE__ */ new Map();
+    this.type = type;
+    this.businessId = businessId;
+    this.linkUrl = linkUrl;
+    this.options = options;
+    this.parent = parent;
+    this.boundHandleMessage = this.handleMessage.bind(this);
+    if (typeof window !== "undefined") {
+      window.addEventListener("message", this.boundHandleMessage);
+    }
+  }
+  mount(container) {
+    if (this.mounted) {
+      console.warn(`Element ${this.type} is already mounted`);
+      return;
+    }
+    const target = typeof container === "string" ? document.querySelector(container) : container;
+    if (!target) {
+      console.error(`Container not found: ${container}`);
+      return;
+    }
+    this.container = target;
+    this.createIframe();
+    this.mounted = true;
+  }
+  destroy() {
+    if (this.iframe) {
+      this.iframe.remove();
+      this.iframe = null;
+    }
+    this.container = null;
+    this.mounted = false;
+    this.eventHandlers.clear();
+    if (typeof window !== "undefined") {
+      window.removeEventListener("message", this.boundHandleMessage);
+    }
+  }
+  on(event, handler) {
+    if (!this.eventHandlers.has(event)) {
+      this.eventHandlers.set(event, /* @__PURE__ */ new Set());
+    }
+    this.eventHandlers.get(event).add(handler);
+  }
+  off(event, handler) {
+    this.eventHandlers.get(event)?.delete(handler);
+  }
+  async getData() {
+    return new Promise((resolve) => {
+      const id = Math.random().toString(36).slice(2);
+      this.resolvers.set(id, resolve);
+      this.sendMessage({ type: MESSAGE_TYPES.GET_DATA });
+      setTimeout(() => {
+        if (this.resolvers.has(id)) {
+          this.resolvers.delete(id);
+          resolve(null);
+        }
+      }, 5e3);
+    });
+  }
+  sendMessage(message) {
+    if (this.iframe?.contentWindow) {
+      this.iframe.contentWindow.postMessage(message, this.linkUrl);
+    }
+  }
+  createIframe() {
+    if (!this.container) return;
+    const iframe = document.createElement("iframe");
+    const url = new URL(`${this.linkUrl}/elements/${this.type}`);
+    url.searchParams.set("businessId", this.businessId);
+    if (this.options.prefillEmail) url.searchParams.set("email", this.options.prefillEmail);
+    if (this.options.mode) url.searchParams.set("mode", this.options.mode);
+    iframe.src = url.toString();
+    iframe.style.border = "none";
+    iframe.style.width = "100%";
+    iframe.style.display = "block";
+    iframe.style.overflow = "hidden";
+    iframe.setAttribute("allowtransparency", "true");
+    iframe.setAttribute("frameborder", "0");
+    iframe.setAttribute("sandbox", "allow-scripts allow-same-origin allow-forms allow-popups");
+    this.iframe = iframe;
+    this.container.appendChild(iframe);
+    iframe.onload = () => {
+      this.sendMessage({
+        type: MESSAGE_TYPES.INIT,
+        businessId: this.businessId,
+        prefillEmail: this.options.prefillEmail
+      });
+      const token = this.parent.getAccessToken();
+      if (token && this.type !== ELEMENT_TYPES.AUTH) {
+        this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
+      }
+    };
+  }
+  handleMessage(event) {
+    if (!isAllowedOrigin(event.origin)) {
+      return;
+    }
+    const message = event.data;
+    if (!message?.type) return;
+    switch (message.type) {
+      case MESSAGE_TYPES.READY:
+        this.emit(EVENT_TYPES.READY, { height: message.height });
+        break;
+      case MESSAGE_TYPES.HEIGHT_CHANGE:
+        if (this.iframe) this.iframe.style.height = `${message.height}px`;
+        break;
+      case MESSAGE_TYPES.AUTHENTICATED:
+        this.emit(EVENT_TYPES.AUTHENTICATED, {
+          accountId: message.accountId,
+          customerId: message.customerId,
+          token: message.token
+        });
+        break;
+      case MESSAGE_TYPES.REQUIRES_OTP:
+        this.emit(EVENT_TYPES.REQUIRES_OTP, { contactMasked: message.contactMasked });
+        break;
+      case MESSAGE_TYPES.ERROR:
+        this.emit(EVENT_TYPES.ERROR, { code: message.code, message: message.message });
+        break;
+      case MESSAGE_TYPES.ADDRESS_CHANGED:
+      case MESSAGE_TYPES.ADDRESS_SELECTED:
+        this.parent._setAddressData(message.address);
+        this.emit(EVENT_TYPES.CHANGE, { address: message.address });
+        this.resolveData(message.address);
+        break;
+      case MESSAGE_TYPES.PAYMENT_METHOD_SELECTED:
+        this.parent._setPaymentData(message.method);
+        this.emit(EVENT_TYPES.CHANGE, { paymentMethod: message.method });
+        this.resolveData(message.method);
+        break;
+    }
+  }
+  emit(event, data) {
+    this.eventHandlers.get(event)?.forEach((handler) => handler(data));
+  }
+  resolveData(data) {
+    this.resolvers.forEach((resolve) => resolve(data));
+    this.resolvers.clear();
+  }
+};
+function createElements(client, businessId, options) {
+  return new CimplifyElements(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;
@@ -1285,7 +1644,7 @@ function deriveUrls() {
 }
 var CimplifyClient = class {
   constructor(config = {}) {
-    this.sessionToken = null;
+    this.accessToken = null;
     this.inflightRequests = /* @__PURE__ */ new Map();
     this.publicKey = config.publicKey || "";
     const urls = deriveUrls();
@@ -1296,15 +1655,23 @@ 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();
   }
+  /** @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,
@@ -1312,27 +1679,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);
       }
     }
   }
@@ -1341,24 +1708,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, "");
@@ -1470,7 +1824,6 @@ var CimplifyClient = class {
         headers: this.getHeaders(),
         body: JSON.stringify(body)
       });
-      this.updateSessionFromResponse(response);
       return this.handleResponse(response);
     });
   }
@@ -1485,7 +1838,6 @@ var CimplifyClient = class {
       headers: this.getHeaders(),
       body: JSON.stringify(body)
     });
-    this.updateSessionFromResponse(response);
     return this.handleResponse(response);
   }
   async get(path) {
@@ -1496,7 +1848,6 @@ var CimplifyClient = class {
         credentials: this.credentials,
         headers: this.getHeaders()
       });
-      this.updateSessionFromResponse(response);
       return this.handleRestResponse(response);
     });
   }
@@ -1507,7 +1858,6 @@ var CimplifyClient = class {
       headers: this.getHeaders(),
       body: body ? JSON.stringify(body) : void 0
     });
-    this.updateSessionFromResponse(response);
     return this.handleRestResponse(response);
   }
   async delete(path) {
@@ -1516,7 +1866,6 @@ var CimplifyClient = class {
       credentials: this.credentials,
       headers: this.getHeaders()
     });
-    this.updateSessionFromResponse(response);
     return this.handleRestResponse(response);
   }
   async linkGet(path) {
@@ -1527,7 +1876,6 @@ var CimplifyClient = class {
         credentials: this.credentials,
         headers: this.getHeaders()
       });
-      this.updateSessionFromResponse(response);
       return this.handleRestResponse(response);
     });
   }
@@ -1538,7 +1886,6 @@ var CimplifyClient = class {
       headers: this.getHeaders(),
       body: body ? JSON.stringify(body) : void 0
     });
-    this.updateSessionFromResponse(response);
     return this.handleRestResponse(response);
   }
   async linkDelete(path) {
@@ -1547,7 +1894,6 @@ var CimplifyClient = class {
       credentials: this.credentials,
       headers: this.getHeaders()
     });
-    this.updateSessionFromResponse(response);
     return this.handleRestResponse(response);
   }
   async handleRestResponse(response) {
@@ -1632,6 +1978,23 @@ var CimplifyClient = class {
     }
     return this._lite;
   }
+  /**
+   * Create a CimplifyElements instance for embedding checkout components.
+   * Like Stripe's stripe.elements().
+   *
+   * @param businessId - The business ID for checkout context
+   * @param options - Optional configuration for elements
+   *
+   * @example
+   * ```ts
+   * const elements = client.elements('bus_xxx');
+   * const authElement = elements.create('auth');
+   * authElement.mount('#auth-container');
+   * ```
+   */
+  elements(businessId, options) {
+    return createElements(this, businessId, options);
+  }
 };
 function createCimplifyClient(config) {
   return new CimplifyClient(config);
@@ -2195,21 +2558,28 @@ exports.BusinessService = BusinessService;
 exports.CHECKOUT_MODE = CHECKOUT_MODE;
 exports.CHECKOUT_MUTATION = CHECKOUT_MUTATION;
 exports.CHECKOUT_STEP = CHECKOUT_STEP;
+exports.CONTACT_TYPE = CONTACT_TYPE;
 exports.CURRENCY_SYMBOLS = CURRENCY_SYMBOLS;
 exports.CartOperations = CartOperations;
 exports.CatalogueQueries = CatalogueQueries;
 exports.CheckoutOperations = CheckoutService;
 exports.CheckoutService = CheckoutService;
 exports.CimplifyClient = CimplifyClient;
+exports.CimplifyElement = CimplifyElement;
+exports.CimplifyElements = CimplifyElements;
 exports.CimplifyError = CimplifyError;
 exports.DEFAULT_COUNTRY = DEFAULT_COUNTRY;
 exports.DEFAULT_CURRENCY = DEFAULT_CURRENCY;
+exports.DEVICE_TYPE = DEVICE_TYPE;
+exports.ELEMENT_TYPES = ELEMENT_TYPES;
+exports.EVENT_TYPES = EVENT_TYPES;
 exports.ErrorCode = ErrorCode;
 exports.InventoryService = InventoryService;
 exports.LINK_MUTATION = LINK_MUTATION;
 exports.LINK_QUERY = LINK_QUERY;
 exports.LinkService = LinkService;
 exports.LiteService = LiteService;
+exports.MESSAGE_TYPES = MESSAGE_TYPES;
 exports.MOBILE_MONEY_PROVIDER = MOBILE_MONEY_PROVIDER;
 exports.MOBILE_MONEY_PROVIDERS = MOBILE_MONEY_PROVIDERS;
 exports.ORDER_MUTATION = ORDER_MUTATION;
@@ -2225,6 +2595,7 @@ exports.categorizePaymentError = categorizePaymentError;
 exports.combine = combine;
 exports.combineObject = combineObject;
 exports.createCimplifyClient = createCimplifyClient;
+exports.createElements = createElements;
 exports.detectMobileMoneyProvider = detectMobileMoneyProvider;
 exports.err = err;
 exports.extractPriceInfo = extractPriceInfo;