npm - shopmate-sdk - Versions diffs - 1.0.0 - Mend

shopmate-sdk 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) 2026 ShopMate Team
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md ADDED Viewed

@@ -0,0 +1,154 @@
+# ShopMate SDK
+Lightweight checkout/cart SDK for browser storefronts.
+It supports:
+- **ES module import** (`import`)
+- **CommonJS require** (`require`)
+- **Plain script tag usage** (no module system)
+---
+## Installation
+```bash
+npm install shopmate-sdk
+```
+---
+## Usage
+### 1) ES Module (import)
+```js
+import ShopMate from 'shopmate-sdk';
+const sdk = new ShopMate({
+	orgId: 2,
+	baseUrl: 'https://shopmate.hoshonto.com',
+	cartPosition: 'right-bottom'
+});
+sdk.extract();
+```
+### 2) CommonJS (require)
+```js
+const ShopMate = require('shopmate-sdk').default;
+const sdk = new ShopMate({ orgId: 2 });
+sdk.extract();
+```
+### 3) Plain browser script (non-module)
+```html
+<script src="/path/to/shopmate-sdk.min.js?orgId=2&baseUrl=https://shopmate.hoshonto.com"></script>
+<script>
+	// Available globally
+	const sdk = new window.ShopMate({ orgId: 2 });
+	sdk.extract();
+</script>
+```
+When loaded directly via `<script src="...">`, the SDK also auto-initializes a global `window.ShopMateInstance` using query params from the script URL.
+---
+## Configuration
+`new ShopMate(config)` accepts:
+- `orgId` **(number, required)**: Organization ID.
+- `baseUrl` *(string, optional)*: Backend base URL. Default: `https://shopmate.hoshonto.com`.
+- `cartPosition` *(optional)*: Floating cart position.
+Allowed `cartPosition` values:
+- `left-top`, `top`, `right-top`
+- `left-center`, `center`, `right-center`
+- `left-bottom`, `bottom`, `right-bottom`
+---
+## Public API
+### `extract(rootElement?: HTMLElement)`
+Scans DOM and wires click handlers:
+- `[data-shopmate-product-id]` → add/update cart items
+- `[data-shopmate-checkout="true"]` → open checkout popup
+### `addToCart(itemId: number, quantity: number, element?: HTMLElement)`
+Adds/updates an item in the local cart and updates floating badge.
+### `openCheckout(buttonElement?: HTMLElement)`
+Opens full-screen checkout iframe.
+### `closeCheckout()`
+Closes checkout iframe and restores page scroll.
+### `createCheckoutIframe()`
+Creates and returns the iframe element used for checkout.
+---
+## Data attributes supported
+### Product triggers
+```html
+<button data-shopmate-product-id="101" data-shopmate-quantity="1">Add</button>
+```
+### Checkout trigger
+```html
+<button data-shopmate-checkout="true">Checkout</button>
+```
+---
+## Build outputs
+`npm run build` generates:
+- `shopmate-sdk.js` (IIFE global bundle)
+- `shopmate-sdk.min.js` (IIFE global minified bundle)
+- `dist/index.mjs` (ESM)
+- `dist/index.min.mjs` (ESM minified)
+- `dist/index.cjs` (CJS)
+- `dist/index.min.cjs` (CJS minified)
+- `dist/index.d.ts` (TypeScript declarations)
+---
+## NPM scripts
+- `npm run build` — build all artifacts
+- `npm run watch` — watch mode build
+- `npm run typecheck` — TS type-check only
+- `npm test` — build + verify ESM/CJS/browser bundle loading
+---
+## Package export map
+- `shopmate-sdk` → default export (`ShopMate` class)
+- `shopmate-sdk/min` → minified module build
+- `shopmate-sdk/browser` → browser bundle path
+---
+## Local demo
+Use `examples/storefront-demo.html` after building.
+# shopmate-sdk

package/dist/index.cjs ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var m=(i,t)=>{for(var e in t)s(i,e,{get:t[e],enumerable:!0})},p=(i,t,e,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of h(t))!f.call(i,n)&&n!==e&&s(i,n,{get:()=>t[n],enumerable:!(o=d(t,n))||o.enumerable});return i};var u=i=>p(s({},"__esModule",{value:!0}),i);var b={};m(b,{default:()=>g});module.exports=u(b);var r=class{constructor(t){this.baseUrl="https://shopmate.hoshonto.com";this.cartPosition="right-bottom";this.iframeShown=!1;this.cart={i:[]};this.orgId=t.orgId,t.baseUrl&&(this.baseUrl=t.baseUrl.replace(/\/$/,"")),t.cartPosition&&(this.cartPosition=t.cartPosition),this.checkoutUrl=`${this.baseUrl}/api/v1/pub/checkout`,this.s()}t(){return document.body||document.documentElement}r(t){if(document.body){t();return}let e=()=>{document.removeEventListener("DOMContentLoaded",e),t()};document.addEventListener("DOMContentLoaded",e)}e(t){let e=t?"hidden":"",o=t?"none":"";document.body&&(document.body.style.overflow=e,document.body.style.touchAction=o),document.documentElement.style.overflow=e,document.documentElement.style.touchAction=o}o(t,e){t&&(t.style.pointerEvents=e?"none":"",t.style.opacity=e?"0.6":"")}n(t,e=1.15,o=260){!t||typeof t.animate!="function"||t.animate([{transform:"scale(1)"},{transform:`scale(${e})`},{transform:"scale(1)"}],{duration:o,easing:"ease-in-out"})}l(){let t="20px",e={position:"fixed",top:"auto",right:"auto",bottom:"auto",left:"auto",transform:"none"},o=this.cartPosition,n=o.indexOf("top")!==-1,a=o.indexOf("bottom")!==-1,c=o.indexOf("left")!==-1,l=o.indexOf("right")!==-1;return n?e.top=t:a?e.bottom=t:(e.top="50%",e.transform="translateY(-50%)"),c?e.left=t:l?e.right=t:(e.left="50%",e.transform=e.transform==="none"?"translateX(-50%)":"translate(-50%, -50%)"),e}d(t){if(this.floatingCartButton)return;let e=t||this.t();if(!e)return;let o=document.createElement("button");o.type="button";let n={width:"60px",height:"60px",borderRadius:"50%",border:"none",background:"#1d4ed8",color:"#ffffff",fontSize:"24px",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 10px 25px rgba(0,0,0,0.2)",cursor:"pointer",zIndex:"2147483646",transition:"transform 0.2s ease, opacity 0.2s ease"};Object.assign(o.style,n,this.l()),o.textContent="🛒";let a=document.createElement("span");Object.assign(a.style,{position:"absolute",top:"0",right:"0",minWidth:"20px",height:"20px",borderRadius:"10px",background:"#ef4444",color:"white",fontSize:"11px",fontWeight:"bold",display:"none",alignItems:"center",justifyContent:"center",border:"2px solid #ffffff",padding:"0 4px"}),o.appendChild(a),o.addEventListener("click",()=>this.openCheckout(o)),e.appendChild(o),this.floatingCartButton=o,this.floatingCartBadge=a}a(){if(!this.floatingCartBadge)return;let t=this.cart.i.reduce((e,o)=>e+o.q,0);this.floatingCartBadge.style.display=t>0?"flex":"none",this.floatingCartBadge.textContent=t>99?"99+":String(t)}s(){window.addEventListener("message",t=>{var e,o;try{if(t.origin!==new URL(this.baseUrl).origin)return;(((e=t.data)==null?void 0:e.type)==="closeCheckout"||((o=t.data)==null?void 0:o.type)==="shopmate:close")&&this.closeCheckout()}catch(n){}})}addToCart(t,e,o){let n=this.cart.i.find(a=>a.i===t);n?n.q=e:this.cart.i.push({i:t,q:e}),o&&(this.n(o,1.15,300),this.h(o)),this.a()}h(t){if(!this.floatingCartButton)return;let e=t.getBoundingClientRect(),o=this.floatingCartButton.getBoundingClientRect(),n=document.createElement("div");Object.assign(n.style,{position:"fixed",left:`${e.left+e.width/2}px`,top:`${e.top+e.height/2}px`,width:"12px",height:"12px",borderRadius:"50%",background:"#1d4ed8",zIndex:"2147483645",pointerEvents:"none",transition:"all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275)"}),this.t().appendChild(n),requestAnimationFrame(()=>{n.style.transform=`translate(${o.left-e.left}px, ${o.top-e.top}px) scale(0.5)`,n.style.opacity="0"}),setTimeout(()=>{n.remove(),this.n(this.floatingCartButton,1.2,300)},600)}openCheckout(t){this.o(t,!0),this.iframeElement||(this.iframeElement=this.createCheckoutIframe(),this.t().appendChild(this.iframeElement));let e=new URLSearchParams({orgId:this.orgId.toString(),c:JSON.stringify(this.cart),next:window.location.href});this.iframeElement.src=`${this.checkoutUrl}?${e.toString()}`,this.iframeElement.onload=()=>{this.iframeElement&&(this.iframeElement.style.display="block",this.iframeShown=!0,this.e(!0),this.o(t,!1))}}createCheckoutIframe(){let t=document.createElement("iframe");return t.setAttribute("sandbox","allow-scripts allow-same-origin allow-popups allow-forms"),t.setAttribute("allow","payment *; fullscreen *;"),Object.assign(t.style,{width:"100vw",height:"100dvh",position:"fixed",top:"0",left:"0",right:"0",bottom:"0",border:"0",zIndex:"2147483647",background:"#ffffff",display:"none"}),t}closeCheckout(){this.iframeElement&&(this.iframeElement.style.display="none",this.iframeShown=!1,this.iframeElement.src="about:blank",this.e(!1))}extract(t=document.body){t.querySelectorAll("[data-shopmate-product-id]").forEach(e=>{let o=e,n=parseInt(o.getAttribute("data-shopmate-product-id")||"",10);isNaN(n)||o.addEventListener("click",a=>{a.preventDefault(),this.addToCart(n,parseInt(o.getAttribute("data-shopmate-quantity")||"1",10),o)})}),t.querySelectorAll('[data-shopmate-checkout="true"]').forEach(e=>{e.addEventListener("click",o=>{o.preventDefault(),this.openCheckout(e)})}),this.r(()=>{this.d(t),this.a()})}};try{Object.defineProperty(r,"name",{value:"ShopMate"})}catch(i){}if(typeof window!="undefined"&&typeof document!="undefined"){window.ShopMate=r;let i=document.currentScript;if(i instanceof HTMLScriptElement&&i.src){let t=new URL(i.src||window.location.href),e=new r({orgId:parseInt(t.searchParams.get("orgId")||"2",10),baseUrl:t.searchParams.get("baseUrl")||void 0,cartPosition:t.searchParams.get("cartPosition")||void 0});window.addEventListener("load",()=>{window.ShopMateInstance=e,e.extract()})}}var g=r;

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,41 @@
+type ShopMateCartPosition = 'left-top' | 'top' | 'right-top' | 'left-center' | 'center' | 'right-center' | 'left-bottom' | 'bottom' | 'right-bottom';
+type ShopMateConfig = {
+    orgId: number;
+    baseUrl?: string;
+    cartPosition?: ShopMateCartPosition;
+};
+type ShopMateCart = {
+    i: Array<{
+        i: number;
+        q: number;
+    }>;
+    couponId?: string;
+};
+declare class ShopMate {
+    baseUrl: string;
+    checkoutUrl: string;
+    orgId: number;
+    cartPosition: ShopMateCartPosition;
+    iframeElement?: HTMLIFrameElement;
+    floatingCartButton?: HTMLButtonElement;
+    floatingCartBadge?: HTMLSpanElement;
+    iframeShown: boolean;
+    cart: ShopMateCart;
+    private _getMountRoot;
+    private _runWhenBodyReady;
+    constructor(config: ShopMateConfig);
+    private _setScrollLocked;
+    private _pulseButton;
+    private _pop;
+    private _getPositionStyles;
+    private _ensureFloatingCart;
+    private _updateFloatingCartBadge;
+    private _setupMessageListener;
+    addToCart(itemId: number, quantity: number, element?: HTMLElement): void;
+    private _animateFlyToCart;
+    openCheckout(buttonElement?: HTMLElement): void;
+    createCheckoutIframe(): HTMLIFrameElement;
+    closeCheckout(): void;
+    extract(rootElement?: HTMLElement): void;
+}
+export default ShopMate;

package/dist/index.min.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/index.min.mjs ADDED Viewed

@@ -0,0 +1 @@

+ var a=class{constructor(t){this.baseUrl="https://shopmate.hoshonto.com";this.cartPosition="right-bottom";this.iframeShown=!1;this.cart={i:[]};this.orgId=t.orgId,t.baseUrl&&(this.baseUrl=t.baseUrl.replace(/\/$/,"")),t.cartPosition&&(this.cartPosition=t.cartPosition),this.checkoutUrl=`${this.baseUrl}/api/v1/pub/checkout`,this.s()}t(){return document.body||document.documentElement}r(t){if(document.body){t();return}let e=()=>{document.removeEventListener("DOMContentLoaded",e),t()};document.addEventListener("DOMContentLoaded",e)}e(t){let e=t?"hidden":"",o=t?"none":"";document.body&&(document.body.style.overflow=e,document.body.style.touchAction=o),document.documentElement.style.overflow=e,document.documentElement.style.touchAction=o}o(t,e){t&&(t.style.pointerEvents=e?"none":"",t.style.opacity=e?"0.6":"")}n(t,e=1.15,o=260){!t||typeof t.animate!="function"||t.animate([{transform:"scale(1)"},{transform:`scale(${e})`},{transform:"scale(1)"}],{duration:o,easing:"ease-in-out"})}l(){let t="20px",e={position:"fixed",top:"auto",right:"auto",bottom:"auto",left:"auto",transform:"none"},o=this.cartPosition,n=o.indexOf("top")!==-1,i=o.indexOf("bottom")!==-1,s=o.indexOf("left")!==-1,c=o.indexOf("right")!==-1;return n?e.top=t:i?e.bottom=t:(e.top="50%",e.transform="translateY(-50%)"),s?e.left=t:c?e.right=t:(e.left="50%",e.transform=e.transform==="none"?"translateX(-50%)":"translate(-50%, -50%)"),e}d(t){if(this.floatingCartButton)return;let e=t||this.t();if(!e)return;let o=document.createElement("button");o.type="button";let n={width:"60px",height:"60px",borderRadius:"50%",border:"none",background:"#1d4ed8",color:"#ffffff",fontSize:"24px",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 10px 25px rgba(0,0,0,0.2)",cursor:"pointer",zIndex:"2147483646",transition:"transform 0.2s ease, opacity 0.2s ease"};Object.assign(o.style,n,this.l()),o.textContent="🛒";let i=document.createElement("span");Object.assign(i.style,{position:"absolute",top:"0",right:"0",minWidth:"20px",height:"20px",borderRadius:"10px",background:"#ef4444",color:"white",fontSize:"11px",fontWeight:"bold",display:"none",alignItems:"center",justifyContent:"center",border:"2px solid #ffffff",padding:"0 4px"}),o.appendChild(i),o.addEventListener("click",()=>this.openCheckout(o)),e.appendChild(o),this.floatingCartButton=o,this.floatingCartBadge=i}a(){if(!this.floatingCartBadge)return;let t=this.cart.i.reduce((e,o)=>e+o.q,0);this.floatingCartBadge.style.display=t>0?"flex":"none",this.floatingCartBadge.textContent=t>99?"99+":String(t)}s(){window.addEventListener("message",t=>{var e,o;try{if(t.origin!==new URL(this.baseUrl).origin)return;(((e=t.data)==null?void 0:e.type)==="closeCheckout"||((o=t.data)==null?void 0:o.type)==="shopmate:close")&&this.closeCheckout()}catch(n){}})}addToCart(t,e,o){let n=this.cart.i.find(i=>i.i===t);n?n.q=e:this.cart.i.push({i:t,q:e}),o&&(this.n(o,1.15,300),this.h(o)),this.a()}h(t){if(!this.floatingCartButton)return;let e=t.getBoundingClientRect(),o=this.floatingCartButton.getBoundingClientRect(),n=document.createElement("div");Object.assign(n.style,{position:"fixed",left:`${e.left+e.width/2}px`,top:`${e.top+e.height/2}px`,width:"12px",height:"12px",borderRadius:"50%",background:"#1d4ed8",zIndex:"2147483645",pointerEvents:"none",transition:"all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275)"}),this.t().appendChild(n),requestAnimationFrame(()=>{n.style.transform=`translate(${o.left-e.left}px, ${o.top-e.top}px) scale(0.5)`,n.style.opacity="0"}),setTimeout(()=>{n.remove(),this.n(this.floatingCartButton,1.2,300)},600)}openCheckout(t){this.o(t,!0),this.iframeElement||(this.iframeElement=this.createCheckoutIframe(),this.t().appendChild(this.iframeElement));let e=new URLSearchParams({orgId:this.orgId.toString(),c:JSON.stringify(this.cart),next:window.location.href});this.iframeElement.src=`${this.checkoutUrl}?${e.toString()}`,this.iframeElement.onload=()=>{this.iframeElement&&(this.iframeElement.style.display="block",this.iframeShown=!0,this.e(!0),this.o(t,!1))}}createCheckoutIframe(){let t=document.createElement("iframe");return t.setAttribute("sandbox","allow-scripts allow-same-origin allow-popups allow-forms"),t.setAttribute("allow","payment *; fullscreen *;"),Object.assign(t.style,{width:"100vw",height:"100dvh",position:"fixed",top:"0",left:"0",right:"0",bottom:"0",border:"0",zIndex:"2147483647",background:"#ffffff",display:"none"}),t}closeCheckout(){this.iframeElement&&(this.iframeElement.style.display="none",this.iframeShown=!1,this.iframeElement.src="about:blank",this.e(!1))}extract(t=document.body){t.querySelectorAll("[data-shopmate-product-id]").forEach(e=>{let o=e,n=parseInt(o.getAttribute("data-shopmate-product-id")||"",10);isNaN(n)||o.addEventListener("click",i=>{i.preventDefault(),this.addToCart(n,parseInt(o.getAttribute("data-shopmate-quantity")||"1",10),o)})}),t.querySelectorAll('[data-shopmate-checkout="true"]').forEach(e=>{e.addEventListener("click",o=>{o.preventDefault(),this.openCheckout(e)})}),this.r(()=>{this.d(t),this.a()})}};try{Object.defineProperty(a,"name",{value:"ShopMate"})}catch(r){}if(typeof window!="undefined"&&typeof document!="undefined"){window.ShopMate=a;let r=document.currentScript;if(r instanceof HTMLScriptElement&&r.src){let t=new URL(r.src||window.location.href),e=new a({orgId:parseInt(t.searchParams.get("orgId")||"2",10),baseUrl:t.searchParams.get("baseUrl")||void 0,cartPosition:t.searchParams.get("cartPosition")||void 0});window.addEventListener("load",()=>{window.ShopMateInstance=e,e.extract()})}}var l=a;export{l as default};

package/dist/index.mjs ADDED Viewed

@@ -0,0 +1 @@

package/package.json ADDED Viewed

@@ -0,0 +1,64 @@
+{
+    "name": "shopmate-sdk",
+    "version": "1.0.0",
+    "private": false,
+    "description": "Shopmate browser SDK",
+    "license": "MIT",
+    "author": "ShopMate Team",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/nokibsarkar/ShopMate2.git",
+        "directory": "SDK"
+    },
+    "homepage": "https://github.com/nokibsarkar/ShopMate2/tree/main/SDK",
+    "bugs": {
+        "url": "https://github.com/nokibsarkar/ShopMate2/issues"
+    },
+    "keywords": [
+        "shopmate",
+        "sdk",
+        "checkout",
+        "cart",
+        "ecommerce",
+        "browser"
+    ],
+    "type": "module",
+    "main": "dist/index.cjs",
+    "module": "dist/index.mjs",
+    "browser": "shopmate-sdk.min.js",
+    "unpkg": "shopmate-sdk.min.js",
+    "jsdelivr": "shopmate-sdk.min.js",
+    "types": "dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "require": "./dist/index.cjs",
+            "import": "./dist/index.mjs",
+            "default": "./dist/index.mjs"
+        },
+        "./min": {
+            "require": "./dist/index.min.cjs",
+            "import": "./dist/index.min.mjs",
+            "default": "./dist/index.min.mjs"
+        },
+        "./browser": "./shopmate-sdk.min.js",
+        "./package.json": "./package.json"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "clean": "rimraf dist shopmate-sdk.js shopmate-sdk.min.js",
+        "build": "node ./scripts/build.mjs",
+        "prepublish": "npm run build",
+        "prepublishOnly": "npm test",
+        "test": "node ./scripts/build.mjs && node ./scripts/verify-imports.mjs",
+        "typecheck": "tsc -p tsconfig.json --noEmit",
+        "watch": "node ./scripts/build.mjs --watch"
+    },
+    "devDependencies": {
+        "esbuild": "^0.25.2",
+        "rimraf": "^6.0.1",
+        "typescript": "^5.8.3"
+    }
+}

package/shopmate-sdk.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";var ShopmateExtractor=(()=>{var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var m=(i,t)=>{for(var e in t)s(i,e,{get:t[e],enumerable:!0})},p=(i,t,e,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of h(t))!f.call(i,n)&&n!==e&&s(i,n,{get:()=>t[n],enumerable:!(o=d(t,n))||o.enumerable});return i};var u=i=>p(s({},"__esModule",{value:!0}),i);var b={};m(b,{default:()=>g});var r=class{constructor(t){this.baseUrl="https://shopmate.hoshonto.com";this.cartPosition="right-bottom";this.iframeShown=!1;this.cart={i:[]};this.orgId=t.orgId,t.baseUrl&&(this.baseUrl=t.baseUrl.replace(/\/$/,"")),t.cartPosition&&(this.cartPosition=t.cartPosition),this.checkoutUrl=`${this.baseUrl}/api/v1/pub/checkout`,this.s()}t(){return document.body||document.documentElement}r(t){if(document.body){t();return}let e=()=>{document.removeEventListener("DOMContentLoaded",e),t()};document.addEventListener("DOMContentLoaded",e)}e(t){let e=t?"hidden":"",o=t?"none":"";document.body&&(document.body.style.overflow=e,document.body.style.touchAction=o),document.documentElement.style.overflow=e,document.documentElement.style.touchAction=o}o(t,e){t&&(t.style.pointerEvents=e?"none":"",t.style.opacity=e?"0.6":"")}n(t,e=1.15,o=260){!t||typeof t.animate!="function"||t.animate([{transform:"scale(1)"},{transform:`scale(${e})`},{transform:"scale(1)"}],{duration:o,easing:"ease-in-out"})}l(){let t="20px",e={position:"fixed",top:"auto",right:"auto",bottom:"auto",left:"auto",transform:"none"},o=this.cartPosition,n=o.indexOf("top")!==-1,a=o.indexOf("bottom")!==-1,c=o.indexOf("left")!==-1,l=o.indexOf("right")!==-1;return n?e.top=t:a?e.bottom=t:(e.top="50%",e.transform="translateY(-50%)"),c?e.left=t:l?e.right=t:(e.left="50%",e.transform=e.transform==="none"?"translateX(-50%)":"translate(-50%, -50%)"),e}d(t){if(this.floatingCartButton)return;let e=t||this.t();if(!e)return;let o=document.createElement("button");o.type="button";let n={width:"60px",height:"60px",borderRadius:"50%",border:"none",background:"#1d4ed8",color:"#ffffff",fontSize:"24px",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 10px 25px rgba(0,0,0,0.2)",cursor:"pointer",zIndex:"2147483646",transition:"transform 0.2s ease, opacity 0.2s ease"};Object.assign(o.style,n,this.l()),o.textContent="🛒";let a=document.createElement("span");Object.assign(a.style,{position:"absolute",top:"0",right:"0",minWidth:"20px",height:"20px",borderRadius:"10px",background:"#ef4444",color:"white",fontSize:"11px",fontWeight:"bold",display:"none",alignItems:"center",justifyContent:"center",border:"2px solid #ffffff",padding:"0 4px"}),o.appendChild(a),o.addEventListener("click",()=>this.openCheckout(o)),e.appendChild(o),this.floatingCartButton=o,this.floatingCartBadge=a}a(){if(!this.floatingCartBadge)return;let t=this.cart.i.reduce((e,o)=>e+o.q,0);this.floatingCartBadge.style.display=t>0?"flex":"none",this.floatingCartBadge.textContent=t>99?"99+":String(t)}s(){window.addEventListener("message",t=>{var e,o;try{if(t.origin!==new URL(this.baseUrl).origin)return;(((e=t.data)==null?void 0:e.type)==="closeCheckout"||((o=t.data)==null?void 0:o.type)==="shopmate:close")&&this.closeCheckout()}catch(n){}})}addToCart(t,e,o){let n=this.cart.i.find(a=>a.i===t);n?n.q=e:this.cart.i.push({i:t,q:e}),o&&(this.n(o,1.15,300),this.h(o)),this.a()}h(t){if(!this.floatingCartButton)return;let e=t.getBoundingClientRect(),o=this.floatingCartButton.getBoundingClientRect(),n=document.createElement("div");Object.assign(n.style,{position:"fixed",left:`${e.left+e.width/2}px`,top:`${e.top+e.height/2}px`,width:"12px",height:"12px",borderRadius:"50%",background:"#1d4ed8",zIndex:"2147483645",pointerEvents:"none",transition:"all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275)"}),this.t().appendChild(n),requestAnimationFrame(()=>{n.style.transform=`translate(${o.left-e.left}px, ${o.top-e.top}px) scale(0.5)`,n.style.opacity="0"}),setTimeout(()=>{n.remove(),this.n(this.floatingCartButton,1.2,300)},600)}openCheckout(t){this.o(t,!0),this.iframeElement||(this.iframeElement=this.createCheckoutIframe(),this.t().appendChild(this.iframeElement));let e=new URLSearchParams({orgId:this.orgId.toString(),c:JSON.stringify(this.cart),next:window.location.href});this.iframeElement.src=`${this.checkoutUrl}?${e.toString()}`,this.iframeElement.onload=()=>{this.iframeElement&&(this.iframeElement.style.display="block",this.iframeShown=!0,this.e(!0),this.o(t,!1))}}createCheckoutIframe(){let t=document.createElement("iframe");return t.setAttribute("sandbox","allow-scripts allow-same-origin allow-popups allow-forms"),t.setAttribute("allow","payment *; fullscreen *;"),Object.assign(t.style,{width:"100vw",height:"100dvh",position:"fixed",top:"0",left:"0",right:"0",bottom:"0",border:"0",zIndex:"2147483647",background:"#ffffff",display:"none"}),t}closeCheckout(){this.iframeElement&&(this.iframeElement.style.display="none",this.iframeShown=!1,this.iframeElement.src="about:blank",this.e(!1))}extract(t=document.body){t.querySelectorAll("[data-shopmate-product-id]").forEach(e=>{let o=e,n=parseInt(o.getAttribute("data-shopmate-product-id")||"",10);isNaN(n)||o.addEventListener("click",a=>{a.preventDefault(),this.addToCart(n,parseInt(o.getAttribute("data-shopmate-quantity")||"1",10),o)})}),t.querySelectorAll('[data-shopmate-checkout="true"]').forEach(e=>{e.addEventListener("click",o=>{o.preventDefault(),this.openCheckout(e)})}),this.r(()=>{this.d(t),this.a()})}};try{Object.defineProperty(r,"name",{value:"ShopMate"})}catch(i){}if(typeof window!="undefined"&&typeof document!="undefined"){window.ShopMate=r;let i=document.currentScript;if(i instanceof HTMLScriptElement&&i.src){let t=new URL(i.src||window.location.href),e=new r({orgId:parseInt(t.searchParams.get("orgId")||"2",10),baseUrl:t.searchParams.get("baseUrl")||void 0,cartPosition:t.searchParams.get("cartPosition")||void 0});window.addEventListener("load",()=>{window.ShopMateInstance=e,e.extract()})}}var g=r;return u(b);})();

package/shopmate-sdk.min.js ADDED Viewed

@@ -0,0 +1 @@