bitsnap-react 1.17.0 → 1.18.1

package/AGENTS.md

@@ -65,6 +65,23 @@ For Astro, omit `"use client"`, and mount with `client:load` or `client:visible`
 
 ## Other components
 
+- `InPostPayButton` and `RevolutPayButton` are express checkout buttons for the
+  cart-aware express API. Inside `<BitsnapCheckout>` they render in the express
+  area automatically; on custom pages mount them directly. They render nothing
+  unless the backend reports the provider as available, and they only load the
+  provider script in the browser (never during server rendering).
+  - `InPostPayButton` takes the SDK cart by default, or `items` for a custom
+    cart, or `productId` + `quantity` on a product page (the first click adds
+    the product to the Bitsnap cart and binds it). `bindingPlace` maps to the
+    official widget `binding_place` (`PRODUCT_CARD`, `BASKET_SUMMARY`,
+    `CHECKOUT_PAGE`, ...).
+  - `RevolutPayButton` mounts the official Revolut Pay button; the order is
+    created by Bitsnap (`revolut/start`) and the cart is cleaned only after
+    `revolut/status` reports `completed` (webhook-confirmed), never on the
+    browser `success` event.
+  - Both accept optional `projectID` (otherwise call `setProjectID` first),
+    `locale`, `texts`, `appearance`, `host`, `items`, `className`, `style` and
+    `analytics`.
 - `ApplePayButton` requires `items` with `id`, `name`, `price` (minor units) and
   `quantity`. It has no `projectID` prop. Call `setProjectID(projectID)` on the
   client before mounting. Use an effect and a ready flag for standalone buttons.
@@ -84,6 +101,19 @@ For Astro, omit `"use client"`, and mount with `client:load` or `client:visible`
 
 ## Avoid these mistakes
 
+- The express buttons are hidden unless the backend's `availability` says the
+  provider is available. Do not render your own InPost/Revolut button or call
+  `inpost/start` / `revolut/start` from a click handler as a substitute: the
+  SDK also owns the durable cart token, revision reconciliation and the
+  server-confirmed payment cleanup.
+- `RevolutPayButton`'s browser `success` event is not a payment. Only the
+  `revolut/status` answer (`completed`, settled by the verified webhook) clears
+  the purchased cart lines; do not show "paid" from the widget event.
+- Do not clear the cart on cancel, failure or a closed popup. New products
+  added while paying must survive the cleanup.
+- InPost Pay runs one page-wide widget: mount one InPost button per page. A
+  second project's button is refused instead of silently reusing the first
+  shop's merchant client id.
 - Neither checkout UI component has a test API key prop. For test purchases, use
   `Bitsnap.createCheckout(projectID, { items, apiKey, testMode: true })` from
   `bitsnap-js` on the server. Do not pass keys to React's `createCheckout`.
@@ -212,6 +242,61 @@ Rules:
 - Express buttons (Apple Pay, Google Pay) are separate online flows.
 - Tests mock `fetch` by URL: `cart-buy-error.test.tsx`, `cart-payment-method.test.tsx`.
 
+## Express checkout (`InPostPayButton`, `RevolutPayButton`)
+
+The cart-aware express API lives at
+`{host}/api/integrations/{projectID}/public-commerce/express/*`:
+`availability`, `cart`, `cart-snapshot`, `inpost/start`, `inpost/status`,
+`revolut/start`, `revolut/status`. A guest cart is authorized by the
+`x-bitsnap-cart-token` header; the id alone grants nothing and the token is
+never put in a URL or body.
+
+- `src/express/contracts.ts` mirrors the server contract;
+  `client.ts` sends requests and turns an old backend (404/501/HTML),
+  a network error or an unknown shape into a typed failure, never a throw.
+- `cart-record.ts` keeps the token in localStorage under
+  `bitsnap-express-cart:<host>:<project>`, with the environment, the last
+  confirmed revision and the last synced lines. A record of another project,
+  host or environment is dropped, not reused.
+- `cart-session.ts` owns the cart lifecycle: upload with `expectedRevision`,
+  three-way merge on `revision-conflict` (disjoint edits combine; a same-line
+  quantity conflict is surfaced and never written as a guess), start a new cart
+  on `cart-locked`/`not-found`/`forbidden`, detect edits during a request, adopt
+  the canonical snapshot on provider events (with products added in the
+  meantime preserved), and clear the record after a confirmed purchase so the
+  next express attempt uploads what is left.
+- `delivery-quote.ts` asks the public pre-order API for delivery methods and
+  remembers the quote. Availability and provider start send the same
+  `delivery`/`deliveryMethod` body; a missing quote hides the buttons. Revolut
+  Pay express has no shipping address, so its button stays hidden for a cart
+  that needs delivery; use the regular checkout there.
+- `revolut-sdk.ts` lazy-loads the official embed script per mode (prod/sandbox)
+  and `revolut.ts` holds the public config reader, the `createOrder` token rule
+  and the bounded status polling. `revolut/status` is the only source of
+  `completed`. Before `createOrder` returns a token the SDK revalidates the
+  server total; a changed total remounts the button instead of paying the stale
+  amount.
+- `inpost-widget.ts` lazy-imports `@inpost-pay/widget` (browser only; its
+  bundle touches `self`), reads the canonical `widgetApiBaseUrl` /
+  `widgetScriptUrl` (legacy `apiBaseUrl` still accepted) and forces the
+  environment's sandbox/production API, so a test widget never calls production.
+  It renders the documented `<inpost-izi-button>` element and refuses a second
+  project's page-wide widget while one is mounted.
+- InPost `orderCreated` is only a hint: the button calls `inpost/status`, keeps
+  the cart on pending/error, and clears purchased lines only after the signed
+  server-side order state is `completed`. A remount asks again for a pending
+  attempt.
+- `components/express/*` are the React buttons. The standalone wrappers add the
+  instrumentation, texts and appearance providers; `CartComponentContent` uses
+  the inner variants inside the checkout's `paymentButtons` slot. Standalone
+  buttons subscribe to local cart writes (and cross-tab storage events), so
+  their availability follows quantity, remove, country and coupon edits.
+- Tests: `src/express/*.test.ts` (client, records, session merge/conflicts,
+  delivery quote through the components, polling, loaders),
+  `src/components/express/*.test.tsx` (widget lifecycle, confirmed cleanup,
+  conflict/pending retention, price remount, duplicate clicks, remount, SSR) and
+  `test/consumer/express-usage.tsx` (public types).
+
 ## Course view (`PanelCourse`)
 
 The customer panel opens a purchased course inside the panel (no redirect to

package/README.md

@@ -22,6 +22,90 @@ It uses modern React patterns and libraries like:
 - Protocol Buffers for data serialization
 - Tailwind CSS for styling
 
+## Express checkout: InPost Pay and Revolut Pay (unreleased)
+
+The cart-aware express buttons are additive: a shop that does not enable the
+providers sees no change, older SDK versions keep working with the new backend,
+and this SDK hides a button when an older backend does not implement the express
+API (404/501) or the provider is not available.
+
+```tsx
+"use client";
+
+import { InPostPayButton, RevolutPayButton, setProjectID } from "bitsnap-react";
+
+setProjectID(projectID);
+
+// A product page: the first click adds the product to the Bitsnap cart.
+<InPostPayButton projectID={projectID} productId={variant.id} quantity={1} locale="pl" />
+
+// A cart page, including the SDK's own cart:
+<RevolutPayButton projectID={projectID} locale="pl" />;
+```
+
+Inside `<BitsnapCheckout>` both buttons render in the express area of the cart
+drawer when the backend reports them available. `items` lets a custom cart
+layout pass its lines instead of using the Bitsnap cart. Provider scripts load
+lazily in the browser only; server rendering outputs no clickable button.
+
+The browser cart is uploaded to a durable, server-priced cart before a provider
+starts. Updates carry the revision they saw. A stale tab is reconciled with a
+three-way merge against the last confirmed lines: disjoint edits are combined,
+and a line both sides changed differently is reported as a cart conflict
+instead of being overwritten. The cart token stays in `localStorage` scoped to
+the project, host and environment. Cancel and failure keep the cart. Only a
+server-confirmed payment removes the purchased lines, so products added while
+paying survive; the next attempt starts a new cart from what is left.
+
+Delivery is quoted through the public pre-order API and sent with both the
+availability call and the provider start, so a deliverable cart is never
+mounted with zero shipping. If the quote is unavailable the express buttons stay
+hidden and the regular checkout remains the fallback. Revolut Pay express does
+not collect a shipping address, so its button is hidden for a cart that needs
+delivery.
+
+Revolut Pay is confirmed by `revolut/status` (webhook-authoritative), never by
+the widget's `success` event. InPost Pay runs the official widget with the
+documented `merchantClientId`, basket binding key and basket events; its
+`orderCreated` event is only a hint to ask `inpost/status`, and the cart is
+cleared only after the signed server-side order state confirms it.
+
+New texts: `expressPending`, `expressConfirmed`, `expressFailed`,
+`expressCancelled`, `expressLoadFailed`, `expressCartUnavailable`,
+`expressCartConflict`, `expressPriceChanged`, `expressProductUnavailable` (EN/PL
+defaults, overridable through `texts`).
+
+## 1.18.0
+
+Customer panel changes after 1.17.0 (`BitsnapPanel` / `PanelPage`, course,
+audiobook player, `ProductList`).
+
+- **Panel navigation.** A bottom bar on phones and a sidebar from `md` up:
+  Biblioteka, Zamówienia, Zwroty, Konto. The sidebar shows the shop logo and
+  name, the customer's e-mail and "Wyloguj się". New **Konto** screen
+  (e-mail, language, logout). Orders show amounts in the customer's locale and
+  a retry button when loading fails.
+- **Library.** Product cards with a type badge (Audio, Kurs, Pliki, Bilet) and
+  one action ("Słuchaj", "Otwórz kurs", "Pobierz pliki", "Pokaż bilet").
+  Product details show real file names, a ticket card and Google Play next to
+  the App Store link. A product in the URL can be an id or the old protobuf
+  JSON value.
+- **`ProductList` on phones: two columns.** New appearance token
+  `gridMinWidth` (default `9rem`); set `appearance.tokens.gridMinWidth: "100%"`
+  to keep one column.
+- **Course.** On phones: tabs (Opis, Pliki, Pytania), a sticky bar with
+  previous / mark as completed / next above the panel navigation, an up-next
+  card and a contents toggle (also for tests and locked items). Collapsible
+  outline sections. On desktop, previous / completed / next are one row.
+- **Audiobook player.** No autoplay on open. HLS errors are recovered (an
+  expired chapter URL is fetched again once, also on Safari's native HLS) and
+  shown with a retry button. Previous / next chapter, ±10 s, speed
+  (remembered per device), sleep timer and time left. Lock-screen controls
+  seek by 10 s. Styles are scoped to `.bitsnap-react`, dark mode supported.
+  New optional `AudioPlayer` props: `author`, `locale`, `onError`,
+  `onExpiredUrl`, `onFinished`, `coverShownBeside`; ref methods
+  `selectChapter`, `retry`, `getError`.
+
 ## 1.17.0
 
 Changes after 1.16.0, in the e-mail + 6-digit-code logins of `PanelLogin`,

package/dist/CartProvider-CC6YIZVS.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk7BG22YBFjs = require('./chunk-7BG22YBF.js');require('./chunk-AHISXVEE.js');require('./chunk-KOYBZORL.js');require('./chunk-2XSLIZ27.js');require('./chunk-5OCGXVLC.js');require('./chunk-N3B25GTY.js');require('./chunk-G4SEOVLD.js');var _chunkQ337IQNAjs = require('./chunk-Q337IQNA.js');require('./chunk-W3RGQYPD.js');require('./chunk-JSDGZ4NY.js');exports.MARKETING_AGREEMENT_ID = _chunk7BG22YBFjs.H; exports.appendLocalCartLines = _chunk7BG22YBFjs.V; exports.bitsnapProjectID = _chunk7BG22YBFjs.I; exports.buildLocalCartUpload = _chunk7BG22YBFjs.S; exports.default = _chunk7BG22YBFjs.P; exports.getCartLines = _chunk7BG22YBFjs.M; exports.getCheckoutMethods = _chunk7BG22YBFjs.Y; exports.getCheckoutSelection = _chunk7BG22YBFjs.L; exports.getLocale = _chunkQ337IQNAjs.f; exports.getProjectID = _chunk7BG22YBFjs.K; exports.localCartVersionSnapshot = _chunk7BG22YBFjs.X; exports.readLocalCartLines = _chunk7BG22YBFjs.Q; exports.readLocalCartSignature = _chunk7BG22YBFjs.R; exports.reconcileOrderOfLastPayment = _chunk7BG22YBFjs.N; exports.removeLocalCartLines = _chunk7BG22YBFjs.U; exports.replaceLocalCartLines = _chunk7BG22YBFjs.T; exports.setLocale = _chunkQ337IQNAjs.e; exports.setProjectID = _chunk7BG22YBFjs.J; exports.subscribeToLocalCart = _chunk7BG22YBFjs.W; exports.useCartProvider = _chunk7BG22YBFjs.O;
+//# sourceMappingURL=CartProvider-CC6YIZVS.js.map

package/dist/CartProvider-CC6YIZVS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/user/bitsnap-react-payment-release/dist/CartProvider-CC6YIZVS.js"],"names":[],"mappings":"AAAA,+HAA8J,+BAA4B,+BAA4B,+BAA4B,+BAA4B,+BAA4B,+BAA4B,sDAA+C,+BAA4B,+BAA4B,m8BAAwd","file":"/home/user/bitsnap-react-payment-release/dist/CartProvider-CC6YIZVS.js"}

package/dist/CartProvider-ECQQH3PS.css

@@ -0,0 +1,2 @@
+.bitsnap-react .bitsnap-audio-player{--player-track: #d6d3d1;--player-fill: #44403c}.bitsnap-react .dark .bitsnap-audio-player{--player-track: #57534e;--player-fill: #e7e5e4}.bitsnap-react .bitsnap-audio-player button,.bitsnap-react .bitsnap-audio-player select{min-height:44px;min-width:44px}.bitsnap-react .bitsnap-audio-player select{max-width:100%;border:1px solid var(--player-track);border-radius:6px;padding:0 8px;color:inherit;background-color:transparent}.bitsnap-react .bitsnap-audio-player select option{color:#292524;background:#fafaf9}.bitsnap-react .dark .bitsnap-audio-player select option{color:#fafaf9;background:#292524}.bitsnap-react .bitsnap-audio-player input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;min-height:44px;margin:0;padding:0;cursor:pointer;background:transparent}.bitsnap-react .bitsnap-audio-player input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--player-fill) var(--seek-before-width),var(--player-track) var(--seek-before-width))}.bitsnap-react .bitsnap-audio-player input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:18px;width:18px;margin-top:-7px;border:2px solid var(--player-fill);border-radius:50%;background:var(--player-fill)}.bitsnap-react .bitsnap-audio-player input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--player-track)}.bitsnap-react .bitsnap-audio-player input[type=range]::-moz-range-progress{height:4px;background:var(--player-fill)}.bitsnap-react .bitsnap-audio-player input[type=range]::-moz-range-thumb{height:18px;width:18px;border:0;border-radius:50%;background:var(--player-fill)}.bitsnap-react .bitsnap-audio-player :is(input,button,select):focus-visible{outline:2px solid var(--player-fill);outline-offset:3px}
+/*# sourceMappingURL=CartProvider-ECQQH3PS.css.map */

package/dist/CartProvider-ECQQH3PS.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/panel/audio-player/audio-player.css"],"sourcesContent":[".bitsnap-react .bitsnap-audio-player {\n  --player-track: #d6d3d1;\n  --player-fill: #44403c;\n}\n.bitsnap-react .dark .bitsnap-audio-player {\n  --player-track: #57534e;\n  --player-fill: #e7e5e4;\n}\n.bitsnap-react .bitsnap-audio-player button,\n.bitsnap-react .bitsnap-audio-player select {\n  min-height: 44px;\n  min-width: 44px;\n}\n.bitsnap-react .bitsnap-audio-player select {\n  max-width: 100%;\n  border: 1px solid var(--player-track);\n  border-radius: 6px;\n  padding: 0 8px;\n  color: inherit;\n  background-color: transparent;\n}\n.bitsnap-react .bitsnap-audio-player select option {\n  color: #292524;\n  background: #fafaf9;\n}\n.bitsnap-react .dark .bitsnap-audio-player select option {\n  color: #fafaf9;\n  background: #292524;\n}\n.bitsnap-react .bitsnap-audio-player input[type=\"range\"] {\n  -moz-appearance: none;\n       appearance: none;\n  -webkit-appearance: none;\n  width: 100%;\n  min-height: 44px;\n  margin: 0;\n  padding: 0;\n  cursor: pointer;\n  background: transparent;\n}\n.bitsnap-react .bitsnap-audio-player input[type=\"range\"]::-webkit-slider-runnable-track {\n  height: 4px;\n  border-radius: 2px;\n  background: linear-gradient(\n    to right,\n    var(--player-fill) var(--seek-before-width),\n    var(--player-track) var(--seek-before-width)\n  );\n}\n.bitsnap-react .bitsnap-audio-player input[type=\"range\"]::-webkit-slider-thumb {\n  appearance: none;\n  -webkit-appearance: none;\n  height: 18px;\n  width: 18px;\n  margin-top: -7px;\n  border: 2px solid var(--player-fill);\n  border-radius: 50%;\n  background: var(--player-fill);\n}\n.bitsnap-react .bitsnap-audio-player input[type=\"range\"]::-moz-range-track {\n  height: 4px;\n  border-radius: 2px;\n  background: var(--player-track);\n}\n.bitsnap-react .bitsnap-audio-player input[type=\"range\"]::-moz-range-progress {\n  height: 4px;\n  background: var(--player-fill);\n}\n.bitsnap-react .bitsnap-audio-player input[type=\"range\"]::-moz-range-thumb {\n  height: 18px;\n  width: 18px;\n  border: 0;\n  border-radius: 50%;\n  background: var(--player-fill);\n}\n.bitsnap-react .bitsnap-audio-player :is(input, button, select):focus-visible {\n  outline: 2px solid var(--player-fill);\n  outline-offset: 3px;\n}\n"],"mappings":"AAAA,CAAC,cAAc,CAAC,qBACd,gBAAgB,QAChB,eAAe,OACjB,CACA,CAJC,cAIc,CAAC,KAAK,CAJL,qBAKd,gBAAgB,QAChB,eAAe,OACjB,CACA,CARC,cAQc,CARC,qBAQqB,OACrC,CATC,cASc,CATC,qBASqB,OACnC,WAAY,KACZ,UAAW,IACb,CACA,CAbC,cAac,CAbC,qBAaqB,OACnC,UAAW,KACX,OAAQ,IAAI,MAAM,IAAI,gBAfxB,cAgBiB,IAhBjB,QAiBW,EAAE,IACX,MAAO,QACP,iBAAkB,WACpB,CACA,CArBC,cAqBc,CArBC,qBAqBqB,OAAO,OAC1C,MAAO,QACP,WAAY,OACd,CACA,CAzBC,cAyBc,CArBC,KAqBK,CAzBL,qBAyB2B,OAAO,OAChD,MAAO,QACP,WAAY,OACd,CACA,CA7BC,cA6Bc,CA7BC,qBA6BqB,KAAK,CAAC,YACzC,gBAAiB,KACZ,WAAY,KACjB,mBAAoB,KACpB,MAAO,KACP,WAAY,KAlCd,OAmCU,EAnCV,QAoCW,EACT,OAAQ,QACR,WAAY,WACd,CACA,CAxCC,cAwCc,CAxCC,qBAwCqB,KAAK,CAAC,WAAa,gCACtD,OAAQ,IAzCV,cA0CiB,IACf,WAAY,gBACV,GAAG,KAAK,CACR,IAAI,eAAe,IAAI,oBAAoB,CAC3C,IAAI,gBAAgB,IAAI,qBAE5B,CACA,CAjDC,cAiDc,CAjDC,qBAiDqB,KAAK,CAAC,WAAa,uBACtD,WAAY,KACZ,mBAAoB,KACpB,OAAQ,KACR,MAAO,KACP,WAAY,KACZ,OAAQ,IAAI,MAAM,IAAI,eAvDxB,cAwDiB,IACf,WAAY,IAAI,cAClB,CACA,CA3DC,cA2Dc,CA3DC,qBA2DqB,KAAK,CAAC,WAAa,mBACtD,OAAQ,IA5DV,cA6DiB,IACf,WAAY,IAAI,eAClB,CACA,CAhEC,cAgEc,CAhEC,qBAgEqB,KAAK,CAAC,WAAa,sBACtD,OAAQ,IACR,WAAY,IAAI,cAClB,CACA,CApEC,cAoEc,CApEC,qBAoEqB,KAAK,CAAC,WAAa,mBACtD,OAAQ,KACR,MAAO,KACP,OAAQ,EAvEV,cAwEiB,IACf,WAAY,IAAI,cAClB,CACA,CA3EC,cA2Ec,CA3EC,qBA2EqB,IAAI,MAAO,OAAQ,OAAO,eAC7D,QAAS,IAAI,MAAM,IAAI,eACvB,eAAgB,GAClB","names":[]}

package/dist/CartProvider-ZL65WZN6.mjs

@@ -0,0 +1,2 @@
+import{H as c,I as d,J as e,K as f,L as g,M as h,N as i,O as j,P as k,Q as l,R as m,S as n,T as o,U as p,V as q,W as r,X as s,Y as t}from"./chunk-YGE2223J.mjs";import"./chunk-ZKT4N553.mjs";import"./chunk-KOVKUJAW.mjs";import"./chunk-5YN752OV.mjs";import"./chunk-CUPG4B5W.mjs";import"./chunk-VWA3ZCNI.mjs";import"./chunk-5R6AGO3Z.mjs";import"./chunk-62WDFH7K.mjs";import"./chunk-GKJURMDO.mjs";import{e as a,f as b}from"./chunk-OFPRIENJ.mjs";import"./chunk-MDCP5JNP.mjs";import"./chunk-U6FLIRIV.mjs";export{c as MARKETING_AGREEMENT_ID,q as appendLocalCartLines,d as bitsnapProjectID,n as buildLocalCartUpload,k as default,h as getCartLines,t as getCheckoutMethods,g as getCheckoutSelection,b as getLocale,f as getProjectID,s as localCartVersionSnapshot,l as readLocalCartLines,m as readLocalCartSignature,i as reconcileOrderOfLastPayment,p as removeLocalCartLines,o as replaceLocalCartLines,a as setLocale,e as setProjectID,r as subscribeToLocalCart,j as useCartProvider};
+//# sourceMappingURL=CartProvider-ZL65WZN6.mjs.map

package/dist/PanelModelFiles-4B2HYGIE.mjs

@@ -0,0 +1,2 @@
+import{a as w,b as k}from"./chunk-6YIRRDCL.mjs";import{f as N}from"./chunk-OFPRIENJ.mjs";import"./chunk-U6FLIRIV.mjs";import{createClient as I}from"@connectrpc/connect";import{useTransport as $}from"@connectrpc/connect-query";import{useCallback as P,useMemo as z,useState as v}from"react";import{Fragment as L,jsx as r,jsxs as n}from"react/jsx-runtime";var y={pl:{title:"Pliki 3D",subtitle:"Pobierasz zawsze aktualn\u0105 wersj\u0119 pliku.",download:"Pobierz",preparing:"Przygotowuj\u0119\u2026",licence:"Licencja",purchased:"Kupiono",accessUntil:"Dost\u0119p do",removed:"Sprzedawca usun\u0105\u0142 ten plik.",contact:"Napisz do sprzedawcy",expired:"Dost\u0119p do pliku wygas\u0142",failure:{1:"Sesja wygas\u0142a. Zaloguj si\u0119 ponownie.",2:"Nie znale\u017Ali\u015Bmy tego pliku.",3:"Zam\xF3wienie zosta\u0142o zwr\xF3cone lub anulowane.",4:"Dost\u0119p do pliku wygas\u0142.",5:"Sprzedawca usun\u0105\u0142 ten plik.",6:"Zam\xF3wienie nie jest op\u0142acone."},error:"Nie uda\u0142o si\u0119 pobra\u0107 pliku. Spr\xF3buj ponownie."},en:{title:"3D files",subtitle:"You always download the current version of the file.",download:"Download",preparing:"Preparing\u2026",licence:"Licence",purchased:"Purchased",accessUntil:"Access until",removed:"The seller removed this file.",contact:"Contact the seller",expired:"Access to the file has ended",failure:{1:"Your session has expired. Sign in again.",2:"We could not find this file.",3:"The order was refunded or canceled.",4:"Access to the file has ended.",5:"The seller removed this file.",6:"The order is not paid."},error:"The file could not be downloaded. Try again."}};function A(i,o){let d=Number(i);if(!Number.isFinite(d)||d<=0)return"";let l=d/(1024*1024),t=new Intl.NumberFormat(o?"en-GB":"pl-PL",{maximumFractionDigits:1});return l>=1?`${t.format(l)} MB`:`${t.format(d/1024)} KB`}function m(i,o){return i==null||i<=0n?"":new Intl.DateTimeFormat(o?"en-GB":"pl-PL",{dateStyle:"medium"}).format(new Date(Number(i)*1e3))}function U({className:i}){return n("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.5,className:i,"aria-hidden":!0,children:[r("path",{d:"M12 2.5 3.5 7v10L12 21.5 20.5 17V7L12 2.5Z",strokeLinejoin:"round"}),r("path",{d:"M3.5 7 12 11.5 20.5 7M12 11.5v10",strokeLinejoin:"round"})]})}function M({accessToken:i,models:o,buttonStyle:d}){let l=N().toLowerCase().startsWith("en"),t=l?y.en:y.pl,f=$(),g=z(()=>I(k,f),[f]),[x,b]=v(null),[h,p]=v({}),D=P(async(e,c)=>{let s=`${e.orderId}:${e.lineId}:${c}`;b(s),p(a=>({...a,[s]:""}));try{let a=await g.getModelFileDownloadUrl({accessToken:i,orderId:e.orderId,lineId:e.lineId,fileIndex:c});if(a.result.case==="success")window.location.assign(a.result.value.url);else{let u=a.result.case==="failure"?a.result.value:void 0;p(E=>({...E,[s]:(u!=null?t.failure[u]:void 0)??t.error}))}}catch{p(a=>({...a,[s]:t.error}))}finally{b(null)}},[g,i,t]);return o.length===0?null:r("section",{"aria-labelledby":"bitsnap-panel-model-files",className:"mt-10 w-full max-w-5xl","data-testid":"model-files",children:n("div",{className:"rounded-2xl border border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-900",children:[n("header",{className:"border-b border-neutral-200 px-5 py-4 dark:border-neutral-800",children:[r("h2",{id:"bitsnap-panel-model-files",className:"text-lg font-semibold text-neutral-900 dark:text-neutral-50",children:t.title}),r("p",{className:"mt-0.5 text-sm text-neutral-500 dark:text-neutral-400",children:t.subtitle})]}),r("ul",{className:"grid grid-cols-1 gap-4 p-4 sm:grid-cols-2 xl:grid-cols-3",children:o.map(e=>{let c=e.variantName?`${e.productName} \u2013 ${e.variantName}`:e.productName;return n("li",{className:"flex min-w-0 flex-col gap-4 rounded-xl border border-neutral-200 p-4 dark:border-neutral-700","data-state":w[e.state],children:[n("div",{className:"flex min-w-0 flex-1 items-center gap-4",children:[r("div",{className:"flex size-14 shrink-0 items-center justify-center overflow-hidden rounded-xl bg-neutral-100 text-neutral-400 dark:bg-neutral-800",children:e.thumbnailUrl?r("img",{src:e.thumbnailUrl,alt:c,className:"size-full object-contain",loading:"lazy"}):r(U,{className:"size-7"})}),n("div",{className:"min-w-0",children:[r("p",{className:"break-words font-medium text-neutral-900 dark:text-neutral-50",children:c}),r("p",{className:"mt-0.5 text-sm text-neutral-500 dark:text-neutral-400",children:[e.files[0]?`${e.files[0].format.toUpperCase()} \xB7 ${A(e.files[0].fileSize,l)}`:"",`${t.purchased} ${m(e.purchasedAt,l)}`,e.accessExpiresAt!=null&&e.state===1?`${t.accessUntil} ${m(e.accessExpiresAt,l)}`:""].filter(Boolean).join(" \xB7 ")}),e.licence&&n("p",{className:"mt-0.5 text-sm text-neutral-600 dark:text-neutral-300",children:[t.licence,":"," ",e.licence.url?r("a",{href:e.licence.url,target:"_blank",rel:"noopener noreferrer",className:"underline underline-offset-2 hover:text-neutral-900 dark:hover:text-neutral-50",children:e.licence.name}):e.licence.name]}),e.state===2&&n("p",{className:"mt-1 text-sm text-neutral-700 dark:text-neutral-200","data-model-removed":"",children:[t.removed,e.seller?.email&&n(L,{children:[" ",t.contact,e.seller.name?` (${e.seller.name})`:"",":"," ",r("a",{className:"font-medium underline underline-offset-2",href:`mailto:${e.seller.email}`,children:e.seller.email})]})]}),e.state===3&&n("p",{className:"mt-1 text-sm text-neutral-700 dark:text-neutral-200",children:[t.expired,e.accessExpiresAt!=null?` ${m(e.accessExpiresAt,l)}`:"","."]})]})]}),e.state===1&&e.files.map(s=>{let a=`${e.orderId}:${e.lineId}:${s.index}`,u=x===a;return n("div",{className:"flex flex-col items-start gap-1 sm:items-end",children:[r("button",{type:"button",onClick:()=>void D(e,s.index),disabled:x!=null,"aria-busy":u||void 0,"aria-label":`${t.download}: ${s.fileName}`,"data-model-download":"",style:d,className:"min-h-11 inline-flex h-10 items-center justify-center rounded-lg bg-neutral-900 px-4 text-sm font-medium text-white transition-opacity hover:opacity-90 disabled:opacity-60 dark:bg-neutral-50 dark:text-neutral-900",children:u?t.preparing:t.download}),h[a]&&r("p",{className:"text-sm text-red-700 dark:text-red-400",role:"alert",children:h[a]})]},a)})]},`${e.orderId}:${e.lineId}`)})})]})})}export{M as default};
+//# sourceMappingURL=PanelModelFiles-4B2HYGIE.mjs.map

package/dist/PanelModelFiles-4B2HYGIE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/panel/components/PanelModelFiles.tsx"],"sourcesContent":["import { createClient } from \"@connectrpc/connect\";\nimport { useTransport } from \"@connectrpc/connect-query\";\nimport { useCallback, useMemo, useState } from \"react\";\n\nimport { getLocale } from \"../../components/checkout/locale\";\nimport {\n  ModelDeliveryFailure,\n  ModelDeliveryService,\n  ModelFileState,\n  type PurchasedModel,\n} from \"../../gen/proto/public/v1/model_delivery_pb\";\n\n/**\n * \"3D files\" of the customer panel: the 3D files of the buyer's paid orders in\n * this shop (`public.v1.ModelDeliveryService`), with a download button, the\n * licence and the \"seller removed the file\" state. The download URL is signed\n * on click and expires quickly, so it is never rendered into the page.\n *\n * Older Bitsnap servers have no such service: any transport error (404,\n * unimplemented, network) hides the section, so the panel looks as before.\n *\n * Loaded on demand (with `model-files-client.ts`) only when the buyer has 3D\n * files, so the main bundle carries just `model-files-load.ts`.\n */\n\ntype Copy = {\n  title: string;\n  subtitle: string;\n  download: string;\n  preparing: string;\n  licence: string;\n  purchased: string;\n  accessUntil: string;\n  removed: string;\n  contact: string;\n  expired: string;\n  failure: Partial<Record<ModelDeliveryFailure, string>>;\n  error: string;\n};\n\nconst COPY: { pl: Copy; en: Copy } = {\n  pl: {\n    title: \"Pliki 3D\",\n    subtitle: \"Pobierasz zawsze aktualną wersję pliku.\",\n    download: \"Pobierz\",\n    preparing: \"Przygotowuję…\",\n    licence: \"Licencja\",\n    purchased: \"Kupiono\",\n    accessUntil: \"Dostęp do\",\n    removed: \"Sprzedawca usunął ten plik.\",\n    contact: \"Napisz do sprzedawcy\",\n    expired: \"Dostęp do pliku wygasł\",\n    failure: {\n      [ModelDeliveryFailure.UNAUTHORIZED]: \"Sesja wygasła. Zaloguj się ponownie.\",\n      [ModelDeliveryFailure.NOT_FOUND]: \"Nie znaleźliśmy tego pliku.\",\n      [ModelDeliveryFailure.REFUNDED]: \"Zamówienie zostało zwrócone lub anulowane.\",\n      [ModelDeliveryFailure.EXPIRED]: \"Dostęp do pliku wygasł.\",\n      [ModelDeliveryFailure.REMOVED]: \"Sprzedawca usunął ten plik.\",\n      [ModelDeliveryFailure.UNPAID]: \"Zamówienie nie jest opłacone.\",\n    },\n    error: \"Nie udało się pobrać pliku. Spróbuj ponownie.\",\n  },\n  en: {\n    title: \"3D files\",\n    subtitle: \"You always download the current version of the file.\",\n    download: \"Download\",\n    preparing: \"Preparing…\",\n    licence: \"Licence\",\n    purchased: \"Purchased\",\n    accessUntil: \"Access until\",\n    removed: \"The seller removed this file.\",\n    contact: \"Contact the seller\",\n    expired: \"Access to the file has ended\",\n    failure: {\n      [ModelDeliveryFailure.UNAUTHORIZED]: \"Your session has expired. Sign in again.\",\n      [ModelDeliveryFailure.NOT_FOUND]: \"We could not find this file.\",\n      [ModelDeliveryFailure.REFUNDED]: \"The order was refunded or canceled.\",\n      [ModelDeliveryFailure.EXPIRED]: \"Access to the file has ended.\",\n      [ModelDeliveryFailure.REMOVED]: \"The seller removed this file.\",\n      [ModelDeliveryFailure.UNPAID]: \"The order is not paid.\",\n    },\n    error: \"The file could not be downloaded. Try again.\",\n  },\n};\n\nfunction formatSize(bytes: bigint, en: boolean): string {\n  const value = Number(bytes);\n  if (!Number.isFinite(value) || value <= 0) return \"\";\n  const mb = value / (1024 * 1024);\n  const fmt = new Intl.NumberFormat(en ? \"en-GB\" : \"pl-PL\", {\n    maximumFractionDigits: 1,\n  });\n  return mb >= 1 ? `${fmt.format(mb)} MB` : `${fmt.format(value / 1024)} KB`;\n}\n\nfunction formatDate(seconds: bigint | undefined, en: boolean): string {\n  if (seconds == null || seconds <= 0n) return \"\";\n  return new Intl.DateTimeFormat(en ? \"en-GB\" : \"pl-PL\", {\n    dateStyle: \"medium\",\n  }).format(new Date(Number(seconds) * 1000));\n}\n\nfunction CubeIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.5}\n      className={className}\n      aria-hidden\n    >\n      <path d=\"M12 2.5 3.5 7v10L12 21.5 20.5 17V7L12 2.5Z\" strokeLinejoin=\"round\" />\n      <path d=\"M3.5 7 12 11.5 20.5 7M12 11.5v10\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\nexport default function PanelModelFiles({\n  accessToken,\n  models,\n  buttonStyle,\n}: {\n  accessToken: string;\n  models: PurchasedModel[];\n  buttonStyle?: React.CSSProperties;\n}) {\n  const en = getLocale().toLowerCase().startsWith(\"en\");\n  const t = en ? COPY.en : COPY.pl;\n  const transport = useTransport();\n  const client = useMemo(\n    () => createClient(ModelDeliveryService, transport),\n    [transport],\n  );\n  const [pending, setPending] = useState<string | null>(null);\n  const [errors, setErrors] = useState<Record<string, string>>({});\n\n  const download = useCallback(\n    async (model: PurchasedModel, index: number) => {\n      const key = `${model.orderId}:${model.lineId}:${index}`;\n      setPending(key);\n      setErrors((current) => ({ ...current, [key]: \"\" }));\n      try {\n        const response = await client.getModelFileDownloadUrl({\n          accessToken,\n          orderId: model.orderId,\n          lineId: model.lineId,\n          fileIndex: index,\n        });\n        if (response.result.case === \"success\") {\n          // An attachment: the browser downloads it and stays on the panel.\n          window.location.assign(response.result.value.url);\n        } else {\n          const failure =\n            response.result.case === \"failure\" ? response.result.value : undefined;\n          setErrors((current) => ({\n            ...current,\n            [key]: (failure != null ? t.failure[failure] : undefined) ?? t.error,\n          }));\n        }\n      } catch {\n        setErrors((current) => ({ ...current, [key]: t.error }));\n      } finally {\n        setPending(null);\n      }\n    },\n    [client, accessToken, t],\n  );\n\n  if (models.length === 0) return null;\n\n  return (\n    <section\n      aria-labelledby=\"bitsnap-panel-model-files\"\n      className=\"mt-10 w-full max-w-5xl\"\n      data-testid=\"model-files\"\n    >\n      <div className=\"rounded-2xl border border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-900\">\n        <header className=\"border-b border-neutral-200 px-5 py-4 dark:border-neutral-800\">\n          <h2\n            id=\"bitsnap-panel-model-files\"\n            className=\"text-lg font-semibold text-neutral-900 dark:text-neutral-50\"\n          >\n            {t.title}\n          </h2>\n          <p className=\"mt-0.5 text-sm text-neutral-500 dark:text-neutral-400\">\n            {t.subtitle}\n          </p>\n        </header>\n        <ul className=\"grid grid-cols-1 gap-4 p-4 sm:grid-cols-2 xl:grid-cols-3\">\n          {models.map((model) => {\n            const title = model.variantName\n              ? `${model.productName} – ${model.variantName}`\n              : model.productName;\n            return (\n              <li\n                key={`${model.orderId}:${model.lineId}`}\n                className=\"flex min-w-0 flex-col gap-4 rounded-xl border border-neutral-200 p-4 dark:border-neutral-700\"\n                data-state={ModelFileState[model.state]}\n              >\n                <div className=\"flex min-w-0 flex-1 items-center gap-4\">\n                  <div className=\"flex size-14 shrink-0 items-center justify-center overflow-hidden rounded-xl bg-neutral-100 text-neutral-400 dark:bg-neutral-800\">\n                    {model.thumbnailUrl ? (\n                      <img\n                        src={model.thumbnailUrl}\n                        alt={title}\n                        className=\"size-full object-contain\"\n                        loading=\"lazy\"\n                      />\n                    ) : (\n                      <CubeIcon className=\"size-7\" />\n                    )}\n                  </div>\n                  <div className=\"min-w-0\">\n                    <p className=\"break-words font-medium text-neutral-900 dark:text-neutral-50\">\n                      {title}\n                    </p>\n                    <p className=\"mt-0.5 text-sm text-neutral-500 dark:text-neutral-400\">\n                      {[\n                        model.files[0]\n                          ? `${model.files[0].format.toUpperCase()} · ${formatSize(model.files[0].fileSize, en)}`\n                          : \"\",\n                        `${t.purchased} ${formatDate(model.purchasedAt, en)}`,\n                        model.accessExpiresAt != null &&\n                        model.state === ModelFileState.AVAILABLE\n                          ? `${t.accessUntil} ${formatDate(model.accessExpiresAt, en)}`\n                          : \"\",\n                      ]\n                        .filter(Boolean)\n                        .join(\" · \")}\n                    </p>\n                    {model.licence && (\n                      <p className=\"mt-0.5 text-sm text-neutral-600 dark:text-neutral-300\">\n                        {t.licence}:{\" \"}\n                        {model.licence.url ? (\n                          <a\n                            href={model.licence.url}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            className=\"underline underline-offset-2 hover:text-neutral-900 dark:hover:text-neutral-50\"\n                          >\n                            {model.licence.name}\n                          </a>\n                        ) : (\n                          model.licence.name\n                        )}\n                      </p>\n                    )}\n                    {model.state === ModelFileState.REMOVED && (\n                      <p\n                        className=\"mt-1 text-sm text-neutral-700 dark:text-neutral-200\"\n                        data-model-removed=\"\"\n                      >\n                        {t.removed}\n                        {model.seller?.email && (\n                          <>\n                            {\" \"}\n                            {t.contact}\n                            {model.seller.name ? ` (${model.seller.name})` : \"\"}:{\" \"}\n                            <a\n                              className=\"font-medium underline underline-offset-2\"\n                              href={`mailto:${model.seller.email}`}\n                            >\n                              {model.seller.email}\n                            </a>\n                          </>\n                        )}\n                      </p>\n                    )}\n                    {model.state === ModelFileState.EXPIRED && (\n                      <p className=\"mt-1 text-sm text-neutral-700 dark:text-neutral-200\">\n                        {t.expired}\n                        {model.accessExpiresAt != null\n                          ? ` ${formatDate(model.accessExpiresAt, en)}`\n                          : \"\"}\n                        .\n                      </p>\n                    )}\n                  </div>\n                </div>\n                {model.state === ModelFileState.AVAILABLE &&\n                  model.files.map((file) => {\n                    const key = `${model.orderId}:${model.lineId}:${file.index}`;\n                    const busy = pending === key;\n                    return (\n                      <div\n                        key={key}\n                        className=\"flex flex-col items-start gap-1 sm:items-end\"\n                      >\n                        <button\n                          type=\"button\"\n                          onClick={() => void download(model, file.index)}\n                          disabled={pending != null}\n                          aria-busy={busy || undefined}\n                          aria-label={`${t.download}: ${file.fileName}`}\n                          data-model-download=\"\"\n                          style={buttonStyle}\n                          className=\"min-h-11 inline-flex h-10 items-center justify-center rounded-lg bg-neutral-900 px-4 text-sm font-medium text-white transition-opacity hover:opacity-90 disabled:opacity-60 dark:bg-neutral-50 dark:text-neutral-900\"\n                        >\n                          {busy ? t.preparing : t.download}\n                        </button>\n                        {errors[key] && (\n                          <p\n                            className=\"text-sm text-red-700 dark:text-red-400\"\n                            role=\"alert\"\n                          >\n                            {errors[key]}\n                          </p>\n                        )}\n                      </div>\n                    );\n                  })}\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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","names":["createClient","useTransport","useCallback","useMemo","useState","Fragment","jsx","jsxs","COPY","formatSize","bytes","en","value","mb","fmt","formatDate","seconds","CubeIcon","className","PanelModelFiles","accessToken","models","buttonStyle","getLocale","transport","useTransport","client","useMemo","createClient","ModelDeliveryService","pending","setPending","useState","errors","setErrors","download","useCallback","model","index","key","current","response","failure","title","ModelFileState","file","busy"]}

package/dist/PanelModelFiles-EKQRLF46.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunk6Q3VGPSFjs = require('./chunk-6Q3VGPSF.js');var _chunkQ337IQNAjs = require('./chunk-Q337IQNA.js');require('./chunk-JSDGZ4NY.js');var _connect = require('@connectrpc/connect');var _connectquery = require('@connectrpc/connect-query');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var y={pl:{title:"Pliki 3D",subtitle:"Pobierasz zawsze aktualn\u0105 wersj\u0119 pliku.",download:"Pobierz",preparing:"Przygotowuj\u0119\u2026",licence:"Licencja",purchased:"Kupiono",accessUntil:"Dost\u0119p do",removed:"Sprzedawca usun\u0105\u0142 ten plik.",contact:"Napisz do sprzedawcy",expired:"Dost\u0119p do pliku wygas\u0142",failure:{1:"Sesja wygas\u0142a. Zaloguj si\u0119 ponownie.",2:"Nie znale\u017Ali\u015Bmy tego pliku.",3:"Zam\xF3wienie zosta\u0142o zwr\xF3cone lub anulowane.",4:"Dost\u0119p do pliku wygas\u0142.",5:"Sprzedawca usun\u0105\u0142 ten plik.",6:"Zam\xF3wienie nie jest op\u0142acone."},error:"Nie uda\u0142o si\u0119 pobra\u0107 pliku. Spr\xF3buj ponownie."},en:{title:"3D files",subtitle:"You always download the current version of the file.",download:"Download",preparing:"Preparing\u2026",licence:"Licence",purchased:"Purchased",accessUntil:"Access until",removed:"The seller removed this file.",contact:"Contact the seller",expired:"Access to the file has ended",failure:{1:"Your session has expired. Sign in again.",2:"We could not find this file.",3:"The order was refunded or canceled.",4:"Access to the file has ended.",5:"The seller removed this file.",6:"The order is not paid."},error:"The file could not be downloaded. Try again."}};function A(i,o){let d=Number(i);if(!Number.isFinite(d)||d<=0)return"";let l=d/(1024*1024),t=new Intl.NumberFormat(o?"en-GB":"pl-PL",{maximumFractionDigits:1});return l>=1?`${t.format(l)} MB`:`${t.format(d/1024)} KB`}function m(i,o){return i==null||i<=0n?"":new Intl.DateTimeFormat(o?"en-GB":"pl-PL",{dateStyle:"medium"}).format(new Date(Number(i)*1e3))}function U({className:i}){return _jsxruntime.jsxs.call(void 0, "svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.5,className:i,"aria-hidden":!0,children:[_jsxruntime.jsx.call(void 0, "path",{d:"M12 2.5 3.5 7v10L12 21.5 20.5 17V7L12 2.5Z",strokeLinejoin:"round"}),_jsxruntime.jsx.call(void 0, "path",{d:"M3.5 7 12 11.5 20.5 7M12 11.5v10",strokeLinejoin:"round"})]})}function M({accessToken:i,models:o,buttonStyle:d}){let l=_chunkQ337IQNAjs.f.call(void 0, ).toLowerCase().startsWith("en"),t=l?y.en:y.pl,f=_connectquery.useTransport.call(void 0, ),g=_react.useMemo.call(void 0, ()=>_connect.createClient.call(void 0, _chunk6Q3VGPSFjs.b,f),[f]),[x,b]=_react.useState.call(void 0, null),[h,p]=_react.useState.call(void 0, {}),D=_react.useCallback.call(void 0, async(e,c)=>{let s=`${e.orderId}:${e.lineId}:${c}`;b(s),p(a=>({...a,[s]:""}));try{let a=await g.getModelFileDownloadUrl({accessToken:i,orderId:e.orderId,lineId:e.lineId,fileIndex:c});if(a.result.case==="success")window.location.assign(a.result.value.url);else{let u=a.result.case==="failure"?a.result.value:void 0;p(E=>({...E,[s]:_nullishCoalesce((u!=null?t.failure[u]:void 0), () => (t.error))}))}}catch (e2){p(a=>({...a,[s]:t.error}))}finally{b(null)}},[g,i,t]);return o.length===0?null:_jsxruntime.jsx.call(void 0, "section",{"aria-labelledby":"bitsnap-panel-model-files",className:"mt-10 w-full max-w-5xl","data-testid":"model-files",children:_jsxruntime.jsxs.call(void 0, "div",{className:"rounded-2xl border border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-900",children:[_jsxruntime.jsxs.call(void 0, "header",{className:"border-b border-neutral-200 px-5 py-4 dark:border-neutral-800",children:[_jsxruntime.jsx.call(void 0, "h2",{id:"bitsnap-panel-model-files",className:"text-lg font-semibold text-neutral-900 dark:text-neutral-50",children:t.title}),_jsxruntime.jsx.call(void 0, "p",{className:"mt-0.5 text-sm text-neutral-500 dark:text-neutral-400",children:t.subtitle})]}),_jsxruntime.jsx.call(void 0, "ul",{className:"grid grid-cols-1 gap-4 p-4 sm:grid-cols-2 xl:grid-cols-3",children:o.map(e=>{let c=e.variantName?`${e.productName} \u2013 ${e.variantName}`:e.productName;return _jsxruntime.jsxs.call(void 0, "li",{className:"flex min-w-0 flex-col gap-4 rounded-xl border border-neutral-200 p-4 dark:border-neutral-700","data-state":_chunk6Q3VGPSFjs.a[e.state],children:[_jsxruntime.jsxs.call(void 0, "div",{className:"flex min-w-0 flex-1 items-center gap-4",children:[_jsxruntime.jsx.call(void 0, "div",{className:"flex size-14 shrink-0 items-center justify-center overflow-hidden rounded-xl bg-neutral-100 text-neutral-400 dark:bg-neutral-800",children:e.thumbnailUrl?_jsxruntime.jsx.call(void 0, "img",{src:e.thumbnailUrl,alt:c,className:"size-full object-contain",loading:"lazy"}):_jsxruntime.jsx.call(void 0, U,{className:"size-7"})}),_jsxruntime.jsxs.call(void 0, "div",{className:"min-w-0",children:[_jsxruntime.jsx.call(void 0, "p",{className:"break-words font-medium text-neutral-900 dark:text-neutral-50",children:c}),_jsxruntime.jsx.call(void 0, "p",{className:"mt-0.5 text-sm text-neutral-500 dark:text-neutral-400",children:[e.files[0]?`${e.files[0].format.toUpperCase()} \xB7 ${A(e.files[0].fileSize,l)}`:"",`${t.purchased} ${m(e.purchasedAt,l)}`,e.accessExpiresAt!=null&&e.state===1?`${t.accessUntil} ${m(e.accessExpiresAt,l)}`:""].filter(Boolean).join(" \xB7 ")}),e.licence&&_jsxruntime.jsxs.call(void 0, "p",{className:"mt-0.5 text-sm text-neutral-600 dark:text-neutral-300",children:[t.licence,":"," ",e.licence.url?_jsxruntime.jsx.call(void 0, "a",{href:e.licence.url,target:"_blank",rel:"noopener noreferrer",className:"underline underline-offset-2 hover:text-neutral-900 dark:hover:text-neutral-50",children:e.licence.name}):e.licence.name]}),e.state===2&&_jsxruntime.jsxs.call(void 0, "p",{className:"mt-1 text-sm text-neutral-700 dark:text-neutral-200","data-model-removed":"",children:[t.removed,_optionalChain([e, 'access', _ => _.seller, 'optionalAccess', _2 => _2.email])&&_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[" ",t.contact,e.seller.name?` (${e.seller.name})`:"",":"," ",_jsxruntime.jsx.call(void 0, "a",{className:"font-medium underline underline-offset-2",href:`mailto:${e.seller.email}`,children:e.seller.email})]})]}),e.state===3&&_jsxruntime.jsxs.call(void 0, "p",{className:"mt-1 text-sm text-neutral-700 dark:text-neutral-200",children:[t.expired,e.accessExpiresAt!=null?` ${m(e.accessExpiresAt,l)}`:"","."]})]})]}),e.state===1&&e.files.map(s=>{let a=`${e.orderId}:${e.lineId}:${s.index}`,u=x===a;return _jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col items-start gap-1 sm:items-end",children:[_jsxruntime.jsx.call(void 0, "button",{type:"button",onClick:()=>void D(e,s.index),disabled:x!=null,"aria-busy":u||void 0,"aria-label":`${t.download}: ${s.fileName}`,"data-model-download":"",style:d,className:"min-h-11 inline-flex h-10 items-center justify-center rounded-lg bg-neutral-900 px-4 text-sm font-medium text-white transition-opacity hover:opacity-90 disabled:opacity-60 dark:bg-neutral-50 dark:text-neutral-900",children:u?t.preparing:t.download}),h[a]&&_jsxruntime.jsx.call(void 0, "p",{className:"text-sm text-red-700 dark:text-red-400",role:"alert",children:h[a]})]},a)})]},`${e.orderId}:${e.lineId}`)})})]})})}exports.default = M;
+//# sourceMappingURL=PanelModelFiles-EKQRLF46.js.map

package/dist/PanelModelFiles-EKQRLF46.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/user/bitsnap-react-payment-release/dist/PanelModelFiles-EKQRLF46.js","../src/panel/components/PanelModelFiles.tsx"],"names":["COPY","formatSize","bytes","en","value","mb","fmt"],"mappings":"AAAA,uuBAA8C,sDAAwC,+BAA4B,8CCArF,yDACA,8BACkB,+CAsG3C,IAhEEA,CAAAA,CAA+B,CACnC,EAAA,CAAI,CACF,KAAA,CAAO,UAAA,CACP,QAAA,CAAU,mDAAA,CACV,QAAA,CAAU,SAAA,CACV,SAAA,CAAW,yBAAA,CACX,OAAA,CAAS,UAAA,CACT,SAAA,CAAW,SAAA,CACX,WAAA,CAAa,gBAAA,CACb,OAAA,CAAS,uCAAA,CACT,OAAA,CAAS,sBAAA,CACT,OAAA,CAAS,kCAAA,CACT,OAAA,CAAS,CACN,CAAA,CAAoC,gDAAA,CACpC,CAAA,CAAiC,uCAAA,CACjC,CAAA,CAAgC,uDAAA,CAChC,CAAA,CAA+B,mCAAA,CAC/B,CAAA,CAA+B,uCAAA,CAC/B,CAAA,CAA8B,uCACjC,CAAA,CACA,KAAA,CAAO,iEACT,CAAA,CACA,EAAA,CAAI,CACF,KAAA,CAAO,UAAA,CACP,QAAA,CAAU,sDAAA,CACV,QAAA,CAAU,UAAA,CACV,SAAA,CAAW,iBAAA,CACX,OAAA,CAAS,SAAA,CACT,SAAA,CAAW,WAAA,CACX,WAAA,CAAa,cAAA,CACb,OAAA,CAAS,+BAAA,CACT,OAAA,CAAS,oBAAA,CACT,OAAA,CAAS,8BAAA,CACT,OAAA,CAAS,CACN,CAAA,CAAoC,0CAAA,CACpC,CAAA,CAAiC,8BAAA,CACjC,CAAA,CAAgC,qCAAA,CAChC,CAAA,CAA+B,+BAAA,CAC/B,CAAA,CAA+B,+BAAA,CAC/B,CAAA,CAA8B,wBACjC,CAAA,CACA,KAAA,CAAO,8CACT,CACF,CAAA,CAEA,SAASC,CAAAA,CAAWC,CAAAA,CAAeC,CAAAA,CAAqB,CACtD,IAAMC,CAAAA,CAAQ,MAAA,CAAOF,CAAK,CAAA,CAC1B,EAAA,CAAI,CAAC,MAAA,CAAO,QAAA,CAASE,CAAK,CAAA,EAAKA,CAAAA,EAAS,CAAA,CAAG,MAAO,EAAA,CAClD,IAAMC,CAAAA,CAAKD,CAAAA,CAAAA,CAAS,IAAA,CAAO,IAAA,CAAA,CACrBE,CAAAA,CAAM,IAAI,IAAA,CAAK,YAAA,CAAaH,CAAAA,CAAK,OAAA,CAAU,OAAA,CAAS,CACxD,qBAAA,CAAuB,CACzB,CAAC,CAAA,CACD,OAAOE,CAAAA,EAAM,CAAA,CAAI,CAAA,EAAA","file":"/home/user/bitsnap-react-payment-release/dist/PanelModelFiles-EKQRLF46.js","sourcesContent":[null,"import { createClient } from \"@connectrpc/connect\";\nimport { useTransport } from \"@connectrpc/connect-query\";\nimport { useCallback, useMemo, useState } from \"react\";\n\nimport { getLocale } from \"../../components/checkout/locale\";\nimport {\n  ModelDeliveryFailure,\n  ModelDeliveryService,\n  ModelFileState,\n  type PurchasedModel,\n} from \"../../gen/proto/public/v1/model_delivery_pb\";\n\n/**\n * \"3D files\" of the customer panel: the 3D files of the buyer's paid orders in\n * this shop (`public.v1.ModelDeliveryService`), with a download button, the\n * licence and the \"seller removed the file\" state. The download URL is signed\n * on click and expires quickly, so it is never rendered into the page.\n *\n * Older Bitsnap servers have no such service: any transport error (404,\n * unimplemented, network) hides the section, so the panel looks as before.\n *\n * Loaded on demand (with `model-files-client.ts`) only when the buyer has 3D\n * files, so the main bundle carries just `model-files-load.ts`.\n */\n\ntype Copy = {\n  title: string;\n  subtitle: string;\n  download: string;\n  preparing: string;\n  licence: string;\n  purchased: string;\n  accessUntil: string;\n  removed: string;\n  contact: string;\n  expired: string;\n  failure: Partial<Record<ModelDeliveryFailure, string>>;\n  error: string;\n};\n\nconst COPY: { pl: Copy; en: Copy } = {\n  pl: {\n    title: \"Pliki 3D\",\n    subtitle: \"Pobierasz zawsze aktualną wersję pliku.\",\n    download: \"Pobierz\",\n    preparing: \"Przygotowuję…\",\n    licence: \"Licencja\",\n    purchased: \"Kupiono\",\n    accessUntil: \"Dostęp do\",\n    removed: \"Sprzedawca usunął ten plik.\",\n    contact: \"Napisz do sprzedawcy\",\n    expired: \"Dostęp do pliku wygasł\",\n    failure: {\n      [ModelDeliveryFailure.UNAUTHORIZED]: \"Sesja wygasła. Zaloguj się ponownie.\",\n      [ModelDeliveryFailure.NOT_FOUND]: \"Nie znaleźliśmy tego pliku.\",\n      [ModelDeliveryFailure.REFUNDED]: \"Zamówienie zostało zwrócone lub anulowane.\",\n      [ModelDeliveryFailure.EXPIRED]: \"Dostęp do pliku wygasł.\",\n      [ModelDeliveryFailure.REMOVED]: \"Sprzedawca usunął ten plik.\",\n      [ModelDeliveryFailure.UNPAID]: \"Zamówienie nie jest opłacone.\",\n    },\n    error: \"Nie udało się pobrać pliku. Spróbuj ponownie.\",\n  },\n  en: {\n    title: \"3D files\",\n    subtitle: \"You always download the current version of the file.\",\n    download: \"Download\",\n    preparing: \"Preparing…\",\n    licence: \"Licence\",\n    purchased: \"Purchased\",\n    accessUntil: \"Access until\",\n    removed: \"The seller removed this file.\",\n    contact: \"Contact the seller\",\n    expired: \"Access to the file has ended\",\n    failure: {\n      [ModelDeliveryFailure.UNAUTHORIZED]: \"Your session has expired. Sign in again.\",\n      [ModelDeliveryFailure.NOT_FOUND]: \"We could not find this file.\",\n      [ModelDeliveryFailure.REFUNDED]: \"The order was refunded or canceled.\",\n      [ModelDeliveryFailure.EXPIRED]: \"Access to the file has ended.\",\n      [ModelDeliveryFailure.REMOVED]: \"The seller removed this file.\",\n      [ModelDeliveryFailure.UNPAID]: \"The order is not paid.\",\n    },\n    error: \"The file could not be downloaded. Try again.\",\n  },\n};\n\nfunction formatSize(bytes: bigint, en: boolean): string {\n  const value = Number(bytes);\n  if (!Number.isFinite(value) || value <= 0) return \"\";\n  const mb = value / (1024 * 1024);\n  const fmt = new Intl.NumberFormat(en ? \"en-GB\" : \"pl-PL\", {\n    maximumFractionDigits: 1,\n  });\n  return mb >= 1 ? `${fmt.format(mb)} MB` : `${fmt.format(value / 1024)} KB`;\n}\n\nfunction formatDate(seconds: bigint | undefined, en: boolean): string {\n  if (seconds == null || seconds <= 0n) return \"\";\n  return new Intl.DateTimeFormat(en ? \"en-GB\" : \"pl-PL\", {\n    dateStyle: \"medium\",\n  }).format(new Date(Number(seconds) * 1000));\n}\n\nfunction CubeIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.5}\n      className={className}\n      aria-hidden\n    >\n      <path d=\"M12 2.5 3.5 7v10L12 21.5 20.5 17V7L12 2.5Z\" strokeLinejoin=\"round\" />\n      <path d=\"M3.5 7 12 11.5 20.5 7M12 11.5v10\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\nexport default function PanelModelFiles({\n  accessToken,\n  models,\n  buttonStyle,\n}: {\n  accessToken: string;\n  models: PurchasedModel[];\n  buttonStyle?: React.CSSProperties;\n}) {\n  const en = getLocale().toLowerCase().startsWith(\"en\");\n  const t = en ? COPY.en : COPY.pl;\n  const transport = useTransport();\n  const client = useMemo(\n    () => createClient(ModelDeliveryService, transport),\n    [transport],\n  );\n  const [pending, setPending] = useState<string | null>(null);\n  const [errors, setErrors] = useState<Record<string, string>>({});\n\n  const download = useCallback(\n    async (model: PurchasedModel, index: number) => {\n      const key = `${model.orderId}:${model.lineId}:${index}`;\n      setPending(key);\n      setErrors((current) => ({ ...current, [key]: \"\" }));\n      try {\n        const response = await client.getModelFileDownloadUrl({\n          accessToken,\n          orderId: model.orderId,\n          lineId: model.lineId,\n          fileIndex: index,\n        });\n        if (response.result.case === \"success\") {\n          // An attachment: the browser downloads it and stays on the panel.\n          window.location.assign(response.result.value.url);\n        } else {\n          const failure =\n            response.result.case === \"failure\" ? response.result.value : undefined;\n          setErrors((current) => ({\n            ...current,\n            [key]: (failure != null ? t.failure[failure] : undefined) ?? t.error,\n          }));\n        }\n      } catch {\n        setErrors((current) => ({ ...current, [key]: t.error }));\n      } finally {\n        setPending(null);\n      }\n    },\n    [client, accessToken, t],\n  );\n\n  if (models.length === 0) return null;\n\n  return (\n    <section\n      aria-labelledby=\"bitsnap-panel-model-files\"\n      className=\"mt-10 w-full max-w-5xl\"\n      data-testid=\"model-files\"\n    >\n      <div className=\"rounded-2xl border border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-900\">\n        <header className=\"border-b border-neutral-200 px-5 py-4 dark:border-neutral-800\">\n          <h2\n            id=\"bitsnap-panel-model-files\"\n            className=\"text-lg font-semibold text-neutral-900 dark:text-neutral-50\"\n          >\n            {t.title}\n          </h2>\n          <p className=\"mt-0.5 text-sm text-neutral-500 dark:text-neutral-400\">\n            {t.subtitle}\n          </p>\n        </header>\n        <ul className=\"grid grid-cols-1 gap-4 p-4 sm:grid-cols-2 xl:grid-cols-3\">\n          {models.map((model) => {\n            const title = model.variantName\n              ? `${model.productName} – ${model.variantName}`\n              : model.productName;\n            return (\n              <li\n                key={`${model.orderId}:${model.lineId}`}\n                className=\"flex min-w-0 flex-col gap-4 rounded-xl border border-neutral-200 p-4 dark:border-neutral-700\"\n                data-state={ModelFileState[model.state]}\n              >\n                <div className=\"flex min-w-0 flex-1 items-center gap-4\">\n                  <div className=\"flex size-14 shrink-0 items-center justify-center overflow-hidden rounded-xl bg-neutral-100 text-neutral-400 dark:bg-neutral-800\">\n                    {model.thumbnailUrl ? (\n                      <img\n                        src={model.thumbnailUrl}\n                        alt={title}\n                        className=\"size-full object-contain\"\n                        loading=\"lazy\"\n                      />\n                    ) : (\n                      <CubeIcon className=\"size-7\" />\n                    )}\n                  </div>\n                  <div className=\"min-w-0\">\n                    <p className=\"break-words font-medium text-neutral-900 dark:text-neutral-50\">\n                      {title}\n                    </p>\n                    <p className=\"mt-0.5 text-sm text-neutral-500 dark:text-neutral-400\">\n                      {[\n                        model.files[0]\n                          ? `${model.files[0].format.toUpperCase()} · ${formatSize(model.files[0].fileSize, en)}`\n                          : \"\",\n                        `${t.purchased} ${formatDate(model.purchasedAt, en)}`,\n                        model.accessExpiresAt != null &&\n                        model.state === ModelFileState.AVAILABLE\n                          ? `${t.accessUntil} ${formatDate(model.accessExpiresAt, en)}`\n                          : \"\",\n                      ]\n                        .filter(Boolean)\n                        .join(\" · \")}\n                    </p>\n                    {model.licence && (\n                      <p className=\"mt-0.5 text-sm text-neutral-600 dark:text-neutral-300\">\n                        {t.licence}:{\" \"}\n                        {model.licence.url ? (\n                          <a\n                            href={model.licence.url}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            className=\"underline underline-offset-2 hover:text-neutral-900 dark:hover:text-neutral-50\"\n                          >\n                            {model.licence.name}\n                          </a>\n                        ) : (\n                          model.licence.name\n                        )}\n                      </p>\n                    )}\n                    {model.state === ModelFileState.REMOVED && (\n                      <p\n                        className=\"mt-1 text-sm text-neutral-700 dark:text-neutral-200\"\n                        data-model-removed=\"\"\n                      >\n                        {t.removed}\n                        {model.seller?.email && (\n                          <>\n                            {\" \"}\n                            {t.contact}\n                            {model.seller.name ? ` (${model.seller.name})` : \"\"}:{\" \"}\n                            <a\n                              className=\"font-medium underline underline-offset-2\"\n                              href={`mailto:${model.seller.email}`}\n                            >\n                              {model.seller.email}\n                            </a>\n                          </>\n                        )}\n                      </p>\n                    )}\n                    {model.state === ModelFileState.EXPIRED && (\n                      <p className=\"mt-1 text-sm text-neutral-700 dark:text-neutral-200\">\n                        {t.expired}\n                        {model.accessExpiresAt != null\n                          ? ` ${formatDate(model.accessExpiresAt, en)}`\n                          : \"\"}\n                        .\n                      </p>\n                    )}\n                  </div>\n                </div>\n                {model.state === ModelFileState.AVAILABLE &&\n                  model.files.map((file) => {\n                    const key = `${model.orderId}:${model.lineId}:${file.index}`;\n                    const busy = pending === key;\n                    return (\n                      <div\n                        key={key}\n                        className=\"flex flex-col items-start gap-1 sm:items-end\"\n                      >\n                        <button\n                          type=\"button\"\n                          onClick={() => void download(model, file.index)}\n                          disabled={pending != null}\n                          aria-busy={busy || undefined}\n                          aria-label={`${t.download}: ${file.fileName}`}\n                          data-model-download=\"\"\n                          style={buttonStyle}\n                          className=\"min-h-11 inline-flex h-10 items-center justify-center rounded-lg bg-neutral-900 px-4 text-sm font-medium text-white transition-opacity hover:opacity-90 disabled:opacity-60 dark:bg-neutral-50 dark:text-neutral-900\"\n                        >\n                          {busy ? t.preparing : t.download}\n                        </button>\n                        {errors[key] && (\n                          <p\n                            className=\"text-sm text-red-700 dark:text-red-400\"\n                            role=\"alert\"\n                          >\n                            {errors[key]}\n                          </p>\n                        )}\n                      </div>\n                    );\n                  })}\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/analytics.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkC3BBJOVVjs = require('./chunk-C3BBJOVV.js');require('./chunk-W3RGQYPD.js');require('./chunk-JSDGZ4NY.js');exports.BitsnapAnalyticsProvider = _chunkC3BBJOVVjs.i; exports.DEFAULT_ENDPOINT = _chunkC3BBJOVVjs.c; exports.InstrumentProvider = _chunkC3BBJOVVjs.l; exports.createTracker = _chunkC3BBJOVVjs.d; exports.getTracker = _chunkC3BBJOVVjs.f; exports.initTracker = _chunkC3BBJOVVjs.e; exports.noopInstrument = _chunkC3BBJOVVjs.k; exports.resetTracker = _chunkC3BBJOVVjs.g; exports.scoreBucket = _chunkC3BBJOVVjs.r; exports.startAutoPageViews = _chunkC3BBJOVVjs.b; exports.useAnalytics = _chunkC3BBJOVVjs.j; exports.useInstrument = _chunkC3BBJOVVjs.n; exports.useInstrumentContext = _chunkC3BBJOVVjs.m;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkG4SEOVLDjs = require('./chunk-G4SEOVLD.js');require('./chunk-W3RGQYPD.js');require('./chunk-JSDGZ4NY.js');exports.BitsnapAnalyticsProvider = _chunkG4SEOVLDjs.i; exports.DEFAULT_ENDPOINT = _chunkG4SEOVLDjs.c; exports.InstrumentProvider = _chunkG4SEOVLDjs.l; exports.createTracker = _chunkG4SEOVLDjs.d; exports.getTracker = _chunkG4SEOVLDjs.f; exports.initTracker = _chunkG4SEOVLDjs.e; exports.noopInstrument = _chunkG4SEOVLDjs.k; exports.resetTracker = _chunkG4SEOVLDjs.g; exports.scoreBucket = _chunkG4SEOVLDjs.r; exports.startAutoPageViews = _chunkG4SEOVLDjs.b; exports.useAnalytics = _chunkG4SEOVLDjs.j; exports.useInstrument = _chunkG4SEOVLDjs.n; exports.useInstrumentContext = _chunkG4SEOVLDjs.m;
 //# sourceMappingURL=analytics.js.map

package/dist/analytics.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/emems/web/bitsnap/bitsnap/bitsnap-react/dist/analytics.js"],"names":[],"mappings":"AAAA,+HAAsH,+BAA4B,+BAA4B,klBAAsR","file":"/home/emems/web/bitsnap/bitsnap/bitsnap-react/dist/analytics.js"}
+{"version":3,"sources":["/home/user/bitsnap-react-payment-release/dist/analytics.js"],"names":[],"mappings":"AAAA,+HAAsH,+BAA4B,+BAA4B,klBAAsR","file":"/home/user/bitsnap-react-payment-release/dist/analytics.js"}

package/dist/analytics.mjs

@@ -1,2 +1,2 @@
-import{b as e,c as t,d as r,e as n,f as o,g as a,i as s,j as p,k as c,l as i,m,n as u,r as v}from"./chunk-2UDAB2C5.mjs";import"./chunk-MDCP5JNP.mjs";import"./chunk-U6FLIRIV.mjs";export{s as BitsnapAnalyticsProvider,t as DEFAULT_ENDPOINT,i as InstrumentProvider,r as createTracker,o as getTracker,n as initTracker,c as noopInstrument,a as resetTracker,v as scoreBucket,e as startAutoPageViews,p as useAnalytics,u as useInstrument,m as useInstrumentContext};
+import{b as e,c as t,d as r,e as n,f as o,g as a,i as s,j as p,k as c,l as i,m,n as u,r as v}from"./chunk-GKJURMDO.mjs";import"./chunk-MDCP5JNP.mjs";import"./chunk-U6FLIRIV.mjs";export{s as BitsnapAnalyticsProvider,t as DEFAULT_ENDPOINT,i as InstrumentProvider,r as createTracker,o as getTracker,n as initTracker,c as noopInstrument,a as resetTracker,v as scoreBucket,e as startAutoPageViews,p as useAnalytics,u as useInstrument,m as useInstrumentContext};
 //# sourceMappingURL=analytics.mjs.map

package/dist/catalog.css

@@ -1,2 +1,2 @@
-.bitsnap-react #audio-player-container{--seek-before-width: 0%;--buffered-width: 0%}.bitsnap-react input[type=range]{position:relative;-webkit-appearance:none;width:100%;margin:0;padding:0;height:19px;float:left;outline:none;background:transparent}.bitsnap-react input[type=range]::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;background:#d9d9d9}.bitsnap-react input[type=range]:before{position:absolute;content:"";top:8px;left:0;width:var(--seek-before-width);height:3px;background-color:#8c8c8c;cursor:pointer}.bitsnap-react input[type=range]::-webkit-slider-thumb{position:relative;-webkit-appearance:none;box-sizing:content-box;border:1px solid #d9d9d9;height:15px;width:15px;border-radius:50%;background-color:#8c8c8c;cursor:pointer;margin:-7px 0 0}.bitsnap-react input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background:#e2e8f0}.bitsnap-react input[type=range]::-moz-range-track{width:100%;height:3px;cursor:pointer;background:linear-gradient(to right,rgba(0,125,181,.6) var(--buffered-width),rgba(0,125,181,.2) var(--buffered-width))}.bitsnap-react input[type=range]::-moz-range-progress{background-color:#007db5}.bitsnap-react input[type=range]::-moz-focus-outer{border:0}.bitsnap-react input[type=range]::-moz-range-thumb{box-sizing:content-box;border:1px solid #007db5;height:15px;width:15px;border-radius:50%;background-color:#fff;cursor:pointer}.bitsnap-react input[type=range]:active::-moz-range-thumb{transform:scale(1.2);background:#007db5}.bitsnap-react input[type=range]::-ms-track{width:100%;height:3px;cursor:pointer;background:transparent;border:solid transparent;color:transparent}.bitsnap-react input[type=range]::-ms-fill-lower{background-color:#007db5}.bitsnap-react input[type=range]::-ms-fill-upper{background:linear-gradient(to right,rgba(0,125,181,.6) var(--buffered-width),rgba(0,125,181,.2) var(--buffered-width))}.bitsnap-react input[type=range]::-ms-thumb{box-sizing:content-box;border:1px solid #007db5;height:15px;width:15px;border-radius:50%;background-color:#fff;cursor:pointer}.bitsnap-react input[type=range]:active::-ms-thumb{transform:scale(1.2);background:#007db5}.bitsnap-react .SliderRoot{position:relative;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;width:200px;height:20px}.bitsnap-react .SliderTrack{background-color:var(--black-a10);position:relative;flex-grow:1;border-radius:9999px;height:3px}.bitsnap-react .SliderRange{position:absolute;background-color:#fff;border-radius:9999px;height:100%}.bitsnap-react .SliderThumb{display:block;width:20px;height:20px;background-color:#fff;box-shadow:0 2px 10px var(--black-a7);border-radius:10px}.bitsnap-react .SliderThumb:hover{background-color:var(--violet-3)}.bitsnap-react .SliderThumb:focus{outline:none;box-shadow:0 0 0 5px var(--black-a8)}
+.bitsnap-react .bitsnap-audio-player{--player-track: #d6d3d1;--player-fill: #44403c}.bitsnap-react .dark .bitsnap-audio-player{--player-track: #57534e;--player-fill: #e7e5e4}.bitsnap-react .bitsnap-audio-player button,.bitsnap-react .bitsnap-audio-player select{min-height:44px;min-width:44px}.bitsnap-react .bitsnap-audio-player select{max-width:100%;border:1px solid var(--player-track);border-radius:6px;padding:0 8px;color:inherit;background-color:transparent}.bitsnap-react .bitsnap-audio-player select option{color:#292524;background:#fafaf9}.bitsnap-react .dark .bitsnap-audio-player select option{color:#fafaf9;background:#292524}.bitsnap-react .bitsnap-audio-player input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;min-height:44px;margin:0;padding:0;cursor:pointer;background:transparent}.bitsnap-react .bitsnap-audio-player input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--player-fill) var(--seek-before-width),var(--player-track) var(--seek-before-width))}.bitsnap-react .bitsnap-audio-player input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:18px;width:18px;margin-top:-7px;border:2px solid var(--player-fill);border-radius:50%;background:var(--player-fill)}.bitsnap-react .bitsnap-audio-player input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--player-track)}.bitsnap-react .bitsnap-audio-player input[type=range]::-moz-range-progress{height:4px;background:var(--player-fill)}.bitsnap-react .bitsnap-audio-player input[type=range]::-moz-range-thumb{height:18px;width:18px;border:0;border-radius:50%;background:var(--player-fill)}.bitsnap-react .bitsnap-audio-player :is(input,button,select):focus-visible{outline:2px solid var(--player-fill);outline-offset:3px}
 /*# sourceMappingURL=catalog.css.map */

package/dist/catalog.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/panel/audio-player/audio-player.css"],"sourcesContent":[".bitsnap-react #audio-player-container {\n  --seek-before-width: 0%;\n  --buffered-width: 0%;\n}\n\n.bitsnap-react input[type=\"range\"] {\n  position: relative;\n  -webkit-appearance: none;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  height: 19px;\n  float: left;\n  outline: none;\n  background: transparent;\n}\n.bitsnap-react input[type=\"range\"]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  /*background: linear-gradient(to right, rgba(0, 125, 181, 0.6) var(--buffered-width), rgba(0, 125, 181, 0.2) var(--buffered-width));*/\n  background: #d9d9d9;\n}\n.bitsnap-react input[type=\"range\"]::before {\n  position: absolute;\n  content: \"\";\n  top: 8px;\n  left: 0;\n  width: var(--seek-before-width);\n  height: 3px;\n  background-color: #8c8c8c;\n  cursor: pointer;\n}\n.bitsnap-react input[type=\"range\"]::-webkit-slider-thumb {\n  position: relative;\n  -webkit-appearance: none;\n  box-sizing: content-box;\n  border: 1px solid #d9d9d9;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background-color: #8c8c8c;\n  cursor: pointer;\n  margin: -7px 0 0 0;\n}\n.bitsnap-react input[type=\"range\"]:active::-webkit-slider-thumb {\n  transform: scale(1.2);\n  background: #e2e8f0;\n}\n.bitsnap-react input[type=\"range\"]::-moz-range-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: linear-gradient(\n    to right,\n    rgba(0, 125, 181, 0.6) var(--buffered-width),\n    rgba(0, 125, 181, 0.2) var(--buffered-width)\n  );\n}\n.bitsnap-react input[type=\"range\"]::-moz-range-progress {\n  background-color: #007db5;\n}\n.bitsnap-react input[type=\"range\"]::-moz-focus-outer {\n  border: 0;\n}\n.bitsnap-react input[type=\"range\"]::-moz-range-thumb {\n  box-sizing: content-box;\n  border: 1px solid #007db5;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background-color: #fff;\n  cursor: pointer;\n}\n.bitsnap-react input[type=\"range\"]:active::-moz-range-thumb {\n  transform: scale(1.2);\n  background: #007db5;\n}\n.bitsnap-react input[type=\"range\"]::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border: solid transparent;\n  color: transparent;\n}\n.bitsnap-react input[type=\"range\"]::-ms-fill-lower {\n  background-color: #007db5;\n}\n.bitsnap-react input[type=\"range\"]::-ms-fill-upper {\n  background: linear-gradient(\n    to right,\n    rgba(0, 125, 181, 0.6) var(--buffered-width),\n    rgba(0, 125, 181, 0.2) var(--buffered-width)\n  );\n}\n.bitsnap-react input[type=\"range\"]::-ms-thumb {\n  box-sizing: content-box;\n  border: 1px solid #007db5;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background-color: #fff;\n  cursor: pointer;\n}\n.bitsnap-react input[type=\"range\"]:active::-ms-thumb {\n  transform: scale(1.2);\n  background: #007db5;\n}\n\n.bitsnap-react .SliderRoot {\n  position: relative;\n  display: flex;\n  align-items: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: none;\n  width: 200px;\n  height: 20px;\n}\n\n.bitsnap-react .SliderTrack {\n  background-color: var(--black-a10);\n  position: relative;\n  flex-grow: 1;\n  border-radius: 9999px;\n  height: 3px;\n}\n\n.bitsnap-react .SliderRange {\n  position: absolute;\n  background-color: white;\n  border-radius: 9999px;\n  height: 100%;\n}\n\n.bitsnap-react .SliderThumb {\n  display: block;\n  width: 20px;\n  height: 20px;\n  background-color: white;\n  box-shadow: 0 2px 10px var(--black-a7);\n  border-radius: 10px;\n}\n.bitsnap-react .SliderThumb:hover {\n  background-color: var(--violet-3);\n}\n.bitsnap-react .SliderThumb:focus {\n  outline: none;\n  box-shadow: 0 0 0 5px var(--black-a8);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/panel/audio-player/audio-player.css"],"sourcesContent":[".bitsnap-react .bitsnap-audio-player {\n  --player-track: #d6d3d1;\n  --player-fill: #44403c;\n}\n.bitsnap-react .dark .bitsnap-audio-player {\n  --player-track: #57534e;\n  --player-fill: #e7e5e4;\n}\n.bitsnap-react .bitsnap-audio-player button,\n.bitsnap-react .bitsnap-audio-player select {\n  min-height: 44px;\n  min-width: 44px;\n}\n.bitsnap-react .bitsnap-audio-player select {\n  max-width: 100%;\n  border: 1px solid var(--player-track);\n  border-radius: 6px;\n  padding: 0 8px;\n  color: inherit;\n  background-color: transparent;\n}\n.bitsnap-react .bitsnap-audio-player select option {\n  color: #292524;\n  background: #fafaf9;\n}\n.bitsnap-react .dark .bitsnap-audio-player select option {\n  color: #fafaf9;\n  background: #292524;\n}\n.bitsnap-react .bitsnap-audio-player input[type=\"range\"] {\n  -moz-appearance: none;\n       appearance: none;\n  -webkit-appearance: none;\n  width: 100%;\n  min-height: 44px;\n  margin: 0;\n  padding: 0;\n  cursor: pointer;\n  background: transparent;\n}\n.bitsnap-react .bitsnap-audio-player input[type=\"range\"]::-webkit-slider-runnable-track {\n  height: 4px;\n  border-radius: 2px;\n  background: linear-gradient(\n    to right,\n    var(--player-fill) var(--seek-before-width),\n    var(--player-track) var(--seek-before-width)\n  );\n}\n.bitsnap-react .bitsnap-audio-player input[type=\"range\"]::-webkit-slider-thumb {\n  appearance: none;\n  -webkit-appearance: none;\n  height: 18px;\n  width: 18px;\n  margin-top: -7px;\n  border: 2px solid var(--player-fill);\n  border-radius: 50%;\n  background: var(--player-fill);\n}\n.bitsnap-react .bitsnap-audio-player input[type=\"range\"]::-moz-range-track {\n  height: 4px;\n  border-radius: 2px;\n  background: var(--player-track);\n}\n.bitsnap-react .bitsnap-audio-player input[type=\"range\"]::-moz-range-progress {\n  height: 4px;\n  background: var(--player-fill);\n}\n.bitsnap-react .bitsnap-audio-player input[type=\"range\"]::-moz-range-thumb {\n  height: 18px;\n  width: 18px;\n  border: 0;\n  border-radius: 50%;\n  background: var(--player-fill);\n}\n.bitsnap-react .bitsnap-audio-player :is(input, button, select):focus-visible {\n  outline: 2px solid var(--player-fill);\n  outline-offset: 3px;\n}\n"],"mappings":"AAAA,CAAC,cAAc,CAAC,qBACd,gBAAgB,QAChB,eAAe,OACjB,CACA,CAJC,cAIc,CAAC,KAAK,CAJL,qBAKd,gBAAgB,QAChB,eAAe,OACjB,CACA,CARC,cAQc,CARC,qBAQqB,OACrC,CATC,cASc,CATC,qBASqB,OACnC,WAAY,KACZ,UAAW,IACb,CACA,CAbC,cAac,CAbC,qBAaqB,OACnC,UAAW,KACX,OAAQ,IAAI,MAAM,IAAI,gBAfxB,cAgBiB,IAhBjB,QAiBW,EAAE,IACX,MAAO,QACP,iBAAkB,WACpB,CACA,CArBC,cAqBc,CArBC,qBAqBqB,OAAO,OAC1C,MAAO,QACP,WAAY,OACd,CACA,CAzBC,cAyBc,CArBC,KAqBK,CAzBL,qBAyB2B,OAAO,OAChD,MAAO,QACP,WAAY,OACd,CACA,CA7BC,cA6Bc,CA7BC,qBA6BqB,KAAK,CAAC,YACzC,gBAAiB,KACZ,WAAY,KACjB,mBAAoB,KACpB,MAAO,KACP,WAAY,KAlCd,OAmCU,EAnCV,QAoCW,EACT,OAAQ,QACR,WAAY,WACd,CACA,CAxCC,cAwCc,CAxCC,qBAwCqB,KAAK,CAAC,WAAa,gCACtD,OAAQ,IAzCV,cA0CiB,IACf,WAAY,gBACV,GAAG,KAAK,CACR,IAAI,eAAe,IAAI,oBAAoB,CAC3C,IAAI,gBAAgB,IAAI,qBAE5B,CACA,CAjDC,cAiDc,CAjDC,qBAiDqB,KAAK,CAAC,WAAa,uBACtD,WAAY,KACZ,mBAAoB,KACpB,OAAQ,KACR,MAAO,KACP,WAAY,KACZ,OAAQ,IAAI,MAAM,IAAI,eAvDxB,cAwDiB,IACf,WAAY,IAAI,cAClB,CACA,CA3DC,cA2Dc,CA3DC,qBA2DqB,KAAK,CAAC,WAAa,mBACtD,OAAQ,IA5DV,cA6DiB,IACf,WAAY,IAAI,eAClB,CACA,CAhEC,cAgEc,CAhEC,qBAgEqB,KAAK,CAAC,WAAa,sBACtD,OAAQ,IACR,WAAY,IAAI,cAClB,CACA,CApEC,cAoEc,CApEC,qBAoEqB,KAAK,CAAC,WAAa,mBACtD,OAAQ,KACR,MAAO,KACP,OAAQ,EAvEV,cAwEiB,IACf,WAAY,IAAI,cAClB,CACA,CA3EC,cA2Ec,CA3EC,qBA2EqB,IAAI,MAAO,OAAQ,OAAO,eAC7D,QAAS,IAAI,MAAM,IAAI,eACvB,eAAgB,GAClB","names":[]}

package/dist/catalog.d.mts

@@ -17,6 +17,8 @@ type ProductListTheme = "light" | "dark";
 type ProductListAppearanceTokens = {
     /** Font family of the list. The library never loads fonts. */
     fontFamily?: string;
+    /** Minimum grid track width. Use "100%" for one column. */
+    gridMinWidth?: string;
     /** Base font size. */
     fontSize?: string;
     /** List background. */

package/dist/catalog.d.ts

@@ -17,6 +17,8 @@ type ProductListTheme = "light" | "dark";
 type ProductListAppearanceTokens = {
     /** Font family of the list. The library never loads fonts. */
     fontFamily?: string;
+    /** Minimum grid track width. Use "100%" for one column. */
+    gridMinWidth?: string;
     /** Base font size. */
     fontSize?: string;
     /** List background. */

package/dist/catalog.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk6GCCNBEUjs = require('./chunk-6GCCNBEU.js');require('./chunk-KOYBZORL.js');require('./chunk-ESF5ZVVF.js');require('./chunk-C3BBJOVV.js');require('./chunk-7RXW6XFY.js');require('./chunk-W3RGQYPD.js');require('./chunk-JSDGZ4NY.js');exports.PRODUCT_LIST_SLOT_NAMES = _chunk6GCCNBEUjs.a; exports.ProductList = _chunk6GCCNBEUjs.d; exports.formatProductPrice = _chunk6GCCNBEUjs.b; exports.useProducts = _chunk6GCCNBEUjs.c;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkEOFJAQPTjs = require('./chunk-EOFJAQPT.js');require('./chunk-KOYBZORL.js');require('./chunk-N3B25GTY.js');require('./chunk-G4SEOVLD.js');require('./chunk-Q337IQNA.js');require('./chunk-W3RGQYPD.js');require('./chunk-JSDGZ4NY.js');exports.PRODUCT_LIST_SLOT_NAMES = _chunkEOFJAQPTjs.a; exports.ProductList = _chunkEOFJAQPTjs.d; exports.formatProductPrice = _chunkEOFJAQPTjs.b; exports.useProducts = _chunkEOFJAQPTjs.c;
 //# sourceMappingURL=catalog.js.map

package/dist/catalog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/emems/web/bitsnap/bitsnap/bitsnap-react/dist/catalog.js"],"names":[],"mappings":"AAAA,+HAA4D,+BAA4B,+BAA4B,+BAA4B,+BAA4B,+BAA4B,+BAA4B,0LAA+F","file":"/home/emems/web/bitsnap/bitsnap/bitsnap-react/dist/catalog.js"}
+{"version":3,"sources":["/home/user/bitsnap-react-payment-release/dist/catalog.js"],"names":[],"mappings":"AAAA,+HAA4D,+BAA4B,+BAA4B,+BAA4B,+BAA4B,+BAA4B,+BAA4B,0LAA+F","file":"/home/user/bitsnap-react-payment-release/dist/catalog.js"}

package/dist/catalog.mjs

@@ -1,2 +1,2 @@
-import{a as o,b as e,c as f}from"./chunk-4ETIDGYZ.mjs";import{f as r}from"./chunk-M2G74N43.mjs";import"./chunk-KOVKUJAW.mjs";import"./chunk-5R6AGO3Z.mjs";import"./chunk-X3LVYIJR.mjs";import"./chunk-2UDAB2C5.mjs";import"./chunk-VNYHJT6V.mjs";import"./chunk-MDCP5JNP.mjs";import"./chunk-U6FLIRIV.mjs";export{o as PRODUCT_LIST_SLOT_NAMES,f as ProductList,r as formatProductPrice,e as useProducts};
+import{a as o,b as e,c as f}from"./chunk-ZM5T4TQW.mjs";import{f as r}from"./chunk-IGQZP4YR.mjs";import"./chunk-KOVKUJAW.mjs";import"./chunk-5R6AGO3Z.mjs";import"./chunk-62WDFH7K.mjs";import"./chunk-GKJURMDO.mjs";import"./chunk-OFPRIENJ.mjs";import"./chunk-MDCP5JNP.mjs";import"./chunk-U6FLIRIV.mjs";export{o as PRODUCT_LIST_SLOT_NAMES,f as ProductList,r as formatProductPrice,e as useProducts};
 //# sourceMappingURL=catalog.mjs.map

package/dist/{chunk-4BL7TLK3.js → chunk-2XSLIZ27.js}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkSYN5KU3Ojs = require('./chunk-SYN5KU3O.js');var _chunkC3BBJOVVjs = require('./chunk-C3BBJOVV.js');var t={projectID:void 0,loginURL:"/panel/login",theme:void 0,host:void 0,allowedReturnOrigins:[]},u=[];function w(e){t={...t,...e}}function s(){return t}function P(e){t.projectID=e}function v(e){t.theme=e}function C(e){t.loginURL=e}function R(e){t.host=e}function x(e){u=e,t={...t,allowedReturnOrigins:e}}function y(){return u}var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var f=_react.createContext.call(void 0, s()),b= exports.i =({children:e,analytics:n})=>{let o=s(),i=_chunkC3BBJOVVjs.n.call(void 0, o.projectID,n,"panel");return _jsxruntime.jsx.call(void 0, _chunkSYN5KU3Ojs.p,{children:_jsxruntime.jsx.call(void 0, f.Provider,{value:{...o},children:_jsxruntime.jsx.call(void 0, _chunkC3BBJOVVjs.l,{value:i,children:_jsxruntime.jsx.call(void 0, "div",{className:"bitsnap-react",children:e})})})})},L= exports.j =()=>_react.useContext.call(void 0, f);var l=(e,n)=>`bitsnap-panel-session:${encodeURIComponent(_nullishCoalesce(n, () => ("https://bitsnap.pl")))}:${encodeURIComponent(e)}`,a=(e,n)=>`bitsnap-panel-email:${encodeURIComponent(_nullishCoalesce(n, () => ("https://bitsnap.pl")))}:${encodeURIComponent(e)}`;function $(e,n){return typeof window>"u"||!e?void 0:_nullishCoalesce(window.localStorage.getItem(l(e,n)), () => (void 0))}function G(e,n,o,i){typeof window>"u"||!e||(window.localStorage.setItem(l(e,i),n),window.localStorage.setItem(a(e,i),o))}function k(e,n){return typeof window>"u"||!e?null:window.localStorage.getItem(a(e,n))}function E(e,n){typeof window>"u"||!e||(window.localStorage.removeItem(l(e,n)),window.localStorage.removeItem(a(e,n)))}exports.a = w; exports.b = s; exports.c = P; exports.d = v; exports.e = C; exports.f = R; exports.g = x; exports.h = y; exports.i = b; exports.j = L; exports.k = $; exports.l = G; exports.m = k; exports.n = E;
-//# sourceMappingURL=chunk-4BL7TLK3.js.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunk5OCGXVLCjs = require('./chunk-5OCGXVLC.js');var _chunkG4SEOVLDjs = require('./chunk-G4SEOVLD.js');var t={projectID:void 0,loginURL:"/panel/login",theme:void 0,host:void 0,allowedReturnOrigins:[]},u=[];function w(e){t={...t,...e}}function s(){return t}function P(e){t.projectID=e}function v(e){t.theme=e}function C(e){t.loginURL=e}function R(e){t.host=e}function x(e){u=e,t={...t,allowedReturnOrigins:e}}function y(){return u}var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var f=_react.createContext.call(void 0, s()),b= exports.i =({children:e,analytics:n})=>{let o=s(),i=_chunkG4SEOVLDjs.n.call(void 0, o.projectID,n,"panel");return _jsxruntime.jsx.call(void 0, _chunk5OCGXVLCjs.p,{children:_jsxruntime.jsx.call(void 0, f.Provider,{value:{...o},children:_jsxruntime.jsx.call(void 0, _chunkG4SEOVLDjs.l,{value:i,children:_jsxruntime.jsx.call(void 0, "div",{className:"bitsnap-react",children:e})})})})},L= exports.j =()=>_react.useContext.call(void 0, f);var l=(e,n)=>`bitsnap-panel-session:${encodeURIComponent(_nullishCoalesce(n, () => ("https://bitsnap.pl")))}:${encodeURIComponent(e)}`,a=(e,n)=>`bitsnap-panel-email:${encodeURIComponent(_nullishCoalesce(n, () => ("https://bitsnap.pl")))}:${encodeURIComponent(e)}`;function $(e,n){return typeof window>"u"||!e?void 0:_nullishCoalesce(window.localStorage.getItem(l(e,n)), () => (void 0))}function G(e,n,o,i){typeof window>"u"||!e||(window.localStorage.setItem(l(e,i),n),window.localStorage.setItem(a(e,i),o))}function k(e,n){return typeof window>"u"||!e?null:window.localStorage.getItem(a(e,n))}function E(e,n){typeof window>"u"||!e||(window.localStorage.removeItem(l(e,n)),window.localStorage.removeItem(a(e,n)))}exports.a = w; exports.b = s; exports.c = P; exports.d = v; exports.e = C; exports.f = R; exports.g = x; exports.h = y; exports.i = b; exports.j = L; exports.k = $; exports.l = G; exports.m = k; exports.n = E;
+//# sourceMappingURL=chunk-2XSLIZ27.js.map

package/dist/chunk-2XSLIZ27.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/user/bitsnap-react-payment-release/dist/chunk-2XSLIZ27.js","../src/panel/config.ts","../src/panel/PanelProvider.tsx","../src/panel/session-storage.ts"],"names":["config","allowedReturnOrigins","setPanelConfig","newConfig","getPanelConfig","setProjectID","projectID","setTheme","theme","setLoginURL","loginURL","setHost","host","setAllowedReturnOrigins","origins","getAllowedReturnOrigins","PanelContext","createContext","PanelProvider","children","analytics","instrument","useInstrument","jsx","RpcProvider","InstrumentProvider","usePanelConfig","useContext","panelSessionKey"],"mappings":"AAAA,mOAAkC,sDAA+C,ICE7EA,CAAAA,CAAsB,CACxB,SAAA,CAAW,KAAA,CAAA,CACX,QAAA,CAAU,cAAA,CACV,KAAA,CAAO,KAAA,CAAA,CACP,IAAA,CAAM,KAAA,CAAA,CACN,oBAAA,CAAsB,CAAC,CACzB,CAAA,CAEIC,CAAAA,CAAiC,CAAC,CAAA,CAU/B,SAASC,CAAAA,CAAeC,CAAAA,CAAuC,CACpEH,CAAAA,CAAS,CAAE,GAAGA,CAAAA,CAAQ,GAAGG,CAAU,CACrC,CAEO,SAASC,CAAAA,CAAAA,CAA8B,CAC5C,OAAOJ,CACT,CAEO,SAASK,CAAAA,CAAaC,CAAAA,CAAyB,CACpDN,CAAAA,CAAO,SAAA,CAAYM,CACrB,CAEO,SAASC,CAAAA,CAASC,CAAAA,CAA6B,CACpDR,CAAAA,CAAO,KAAA,CAAQQ,CACjB,CAEO,SAASC,CAAAA,CAAYC,CAAAA,CAAwB,CAClDV,CAAAA,CAAO,QAAA,CAAWU,CACpB,CAEO,SAASC,CAAAA,CAAQC,CAAAA,CAAoB,CAC1CZ,CAAAA,CAAO,IAAA,CAAOY,CAChB,CAEO,SAASC,CAAAA,CAAwBC,CAAAA,CAAyB,CAC/Db,CAAAA,CAAuBa,CAAAA,CACvBd,CAAAA,CAAS,CAAE,GAAGA,CAAAA,CAAQ,oBAAA,CAAsBc,CAAQ,CACtD,CAEO,SAASC,CAAAA,CAAAA,CAAoC,CAClD,OAAOd,CACT,CCnDA,8BAA0C,+CA2BhC,IAlBJe,CAAAA,CAAeC,kCAAAA,CAA2Bb,CAAe,CAAC,CAAA,CAEnDc,CAAAA,aASR,CAAC,CAAE,QAAA,CAAAC,CAAAA,CAAU,SAAA,CAAAC,CAAU,CAAA,CAAA,EAAM,CAChC,IAAMpB,CAAAA,CAASI,CAAAA,CAAe,CAAA,CACxBiB,CAAAA,CAAaC,gCAAAA,CAActB,CAAO,SAAA,CAAWoB,CAAAA,CAAW,OAAO,CAAA,CACrE,OACEG,6BAAAA,kBAACC,CAAA,CACC,QAAA,CAAAD,6BAAAA,CAACP,CAAa,QAAA,CAAb,CAAsB,KAAA,CAAO,CAAE,GAAGhB,CAAO,CAAA,CACxC,QAAA,CAAAuB,6BAAAA,kBAACE,CAAA,CAAmB,KAAA,CAAOJ,CAAAA,CACzB,QAAA,CAAAE,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,eAAA,CAAiB,QAAA,CAAAJ,CAAAA,CAAS,CAAA,CAC3C,CAAA,CACF,CAAA,CACF,CAEJ,CAAA,CAEaO,CAAAA,aAAiB,CAAA,CAAA,EAAMC,+BAAAA,CAAuB,CAAA,CClC3D,IAAMC,CAAAA,CAAkB,CAACtB,CAAAA,CAAmBM,CAAAA,CAAAA,EAC1C,CAAA,sBAAA,EAAyB,kBAAA,kBAAmBA,CAAAA,SAAQ,sBAAoB,CAAC,CAAA,CAAA,EAAI,kBAAA,CAAmBN,CAAS,CAAC,CAAA,CAAA","file":"/home/user/bitsnap-react-payment-release/dist/chunk-2XSLIZ27.js","sourcesContent":[null,"import type { GetThemeOutput } from \"./types\";\n\nlet config: PanelConfig = {\n  projectID: undefined,\n  loginURL: \"/panel/login\",\n  theme: undefined,\n  host: undefined,\n  allowedReturnOrigins: [],\n};\n\nlet allowedReturnOrigins: string[] = [];\n\nexport interface PanelConfig {\n  projectID?: string;\n  loginURL?: string;\n  theme?: GetThemeOutput;\n  host?: string;\n  allowedReturnOrigins: string[];\n}\n\nexport function setPanelConfig(newConfig: Partial<PanelConfig>): void {\n  config = { ...config, ...newConfig };\n}\n\nexport function getPanelConfig(): PanelConfig {\n  return config;\n}\n\nexport function setProjectID(projectID: string): void {\n  config.projectID = projectID;\n}\n\nexport function setTheme(theme: GetThemeOutput): void {\n  config.theme = theme;\n}\n\nexport function setLoginURL(loginURL: string): void {\n  config.loginURL = loginURL;\n}\n\nexport function setHost(host: string): void {\n  config.host = host;\n}\n\nexport function setAllowedReturnOrigins(origins: string[]): void {\n  allowedReturnOrigins = origins;\n  config = { ...config, allowedReturnOrigins: origins };\n}\n\nexport function getAllowedReturnOrigins(): string[] {\n  return allowedReturnOrigins;\n}\n","import { createContext, useContext } from \"react\";\nimport {\n  InstrumentProvider,\n  useInstrument,\n  type AnalyticsOption,\n} from \"../analytics/instrument\";\nimport { RpcProvider } from \"../rpc-provider\";\nimport { getPanelConfig, type PanelConfig } from \"./config\";\n\nconst PanelContext = createContext<PanelConfig>(getPanelConfig());\n\nexport const PanelProvider: React.FC<{\n  children: React.ReactNode;\n  /**\n   * Usage statistics for your Bitsnap dashboard (panel logins, orders viewed,\n   * downloads, course progress). On by default; `false` turns it off. An\n   * object lets you forward every event: `{ onEvent }`. Nothing is stored on\n   * the visitor's device.\n   */\n  analytics?: AnalyticsOption;\n}> = ({ children, analytics }) => {\n  const config = getPanelConfig();\n  const instrument = useInstrument(config.projectID, analytics, \"panel\");\n  return (\n    <RpcProvider>\n      <PanelContext.Provider value={{ ...config }}>\n        <InstrumentProvider value={instrument}>\n          <div className=\"bitsnap-react\">{children}</div>\n        </InstrumentProvider>\n      </PanelContext.Provider>\n    </RpcProvider>\n  );\n};\n\nexport const usePanelConfig = () => useContext(PanelContext);\n","const panelSessionKey = (projectID: string, host?: string) =>\n  `bitsnap-panel-session:${encodeURIComponent(host ?? \"https://bitsnap.pl\")}:${encodeURIComponent(projectID)}`;\n\nconst panelEmailKey = (projectID: string, host?: string) =>\n  `bitsnap-panel-email:${encodeURIComponent(host ?? \"https://bitsnap.pl\")}:${encodeURIComponent(projectID)}`;\n\nexport function getPanelSession(projectID?: string, host?: string) {\n  if (typeof window === \"undefined\" || !projectID) return undefined;\n  const token = window.localStorage.getItem(panelSessionKey(projectID, host));\n  return token ?? undefined;\n}\n\nexport function savePanelSession(projectID: string | undefined, token: string, email: string, host?: string) {\n  if (typeof window === \"undefined\" || !projectID) return;\n  window.localStorage.setItem(panelSessionKey(projectID, host), token);\n  window.localStorage.setItem(panelEmailKey(projectID, host), email);\n}\n\nexport function getPanelEmail(projectID?: string, host?: string) {\n  if (typeof window === \"undefined\" || !projectID) return null;\n  return window.localStorage.getItem(panelEmailKey(projectID, host));\n}\n\nexport function clearPanelSession(projectID?: string, host?: string) {\n  if (typeof window === \"undefined\" || !projectID) return;\n  window.localStorage.removeItem(panelSessionKey(projectID, host));\n  window.localStorage.removeItem(panelEmailKey(projectID, host));\n}\n"]}