@frak-labs/core-sdk 0.2.1-beta.b38eef2e → 0.2.1-beta.c7fe645d
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -2
- package/cdn/bundle.js +55 -3
- package/dist/actions.cjs +1 -1
- package/dist/actions.d.cts +3 -3
- package/dist/actions.d.ts +3 -3
- package/dist/actions.js +1 -1
- package/dist/bundle.cjs +1 -1
- package/dist/bundle.d.cts +4 -4
- package/dist/bundle.d.ts +4 -4
- package/dist/bundle.js +1 -1
- package/dist/{computeLegacyProductId-CCAZvLa5.d.cts → computeLegacyProductId-C35yITjX.d.ts} +91 -37
- package/dist/{computeLegacyProductId-b5cUWdAm.d.ts → computeLegacyProductId-mG4x5Cq0.d.cts} +91 -37
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +1 -1
- package/dist/{openSso-B0g7-807.d.cts → openSso-7e-OKMhg.d.ts} +266 -46
- package/dist/{openSso-CMzwvaCa.d.ts → openSso-BebjXCq0.d.cts} +266 -46
- package/dist/setupClient-CUYyoXtI.js +13 -0
- package/dist/setupClient-LgwHIFJc.cjs +13 -0
- package/dist/{siweAuthenticate-CnCZ7mok.d.ts → siweAuthenticate-BQEMZRg3.d.cts} +102 -8
- package/dist/siweAuthenticate-CWcVvP-G.cjs +1 -0
- package/dist/{siweAuthenticate-CVigMOxz.d.cts → siweAuthenticate-CdLD-9W2.d.ts} +102 -8
- package/dist/siweAuthenticate-DQfdb5UQ.js +1 -0
- package/dist/trackEvent-Ce1XlsIE.js +1 -0
- package/dist/trackEvent-CvbJTTqA.cjs +1 -0
- package/package.json +8 -8
- package/src/actions/displayEmbeddedWallet.ts +6 -2
- package/src/actions/displayModal.ts +6 -2
- package/src/actions/displaySharingPage.ts +49 -0
- package/src/actions/ensureIdentity.ts +2 -2
- package/src/actions/getMerchantInformation.test.ts +13 -1
- package/src/actions/getMerchantInformation.ts +20 -5
- package/src/actions/getUserReferralStatus.ts +42 -0
- package/src/actions/index.ts +7 -1
- package/src/actions/referral/setupReferral.test.ts +79 -0
- package/src/actions/referral/setupReferral.ts +32 -0
- package/src/actions/trackPurchaseStatus.test.ts +32 -20
- package/src/actions/trackPurchaseStatus.ts +3 -5
- package/src/actions/wrapper/modalBuilder.test.ts +4 -2
- package/src/actions/wrapper/modalBuilder.ts +6 -8
- package/src/clients/createIFrameFrakClient.ts +150 -27
- package/src/clients/transports/iframeLifecycleManager.test.ts +14 -94
- package/src/clients/transports/iframeLifecycleManager.ts +15 -48
- package/src/index.ts +17 -4
- package/src/types/config.ts +10 -3
- package/src/types/index.ts +13 -1
- package/src/types/lifecycle/client.ts +22 -27
- package/src/types/lifecycle/iframe.ts +7 -8
- package/src/types/resolvedConfig.ts +123 -0
- package/src/types/rpc/displaySharingPage.ts +77 -0
- package/src/types/rpc/interaction.ts +4 -0
- package/src/types/rpc/userReferralStatus.ts +20 -0
- package/src/types/rpc.ts +42 -5
- package/src/utils/backendUrl.test.ts +2 -2
- package/src/utils/backendUrl.ts +1 -1
- package/src/utils/cache/index.ts +7 -0
- package/src/utils/cache/lruMap.test.ts +55 -0
- package/src/utils/cache/lruMap.ts +38 -0
- package/src/utils/cache/withCache.test.ts +162 -0
- package/src/utils/cache/withCache.ts +105 -0
- package/src/utils/inAppBrowser.ts +60 -0
- package/src/utils/index.ts +6 -4
- package/src/utils/sdkConfigStore.test.ts +405 -0
- package/src/utils/sdkConfigStore.ts +263 -0
- package/src/utils/sso.ts +3 -7
- package/dist/setupClient-CqTHGvVa.cjs +0 -13
- package/dist/setupClient-DTyvAPgh.js +0 -13
- package/dist/siweAuthenticate-BWmI2_TN.cjs +0 -1
- package/dist/siweAuthenticate-zczqxm0a.js +0 -1
- package/dist/trackEvent-CeLFVzZn.js +0 -1
- package/dist/trackEvent-Ew5r5zfI.cjs +0 -1
- package/src/utils/merchantId.test.ts +0 -653
- package/src/utils/merchantId.ts +0 -143
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Address, Hex } from "viem";
|
|
2
|
-
import { LifecycleMessage, RpcClient } from "@frak-labs/frame-connector";
|
|
3
1
|
import { OpenPanel } from "@openpanel/web";
|
|
2
|
+
import { LifecycleMessage, RpcClient } from "@frak-labs/frame-connector";
|
|
3
|
+
import { Address, Hex } from "viem";
|
|
4
4
|
import { SiweMessage } from "viem/siwe";
|
|
5
5
|
|
|
6
6
|
//#region src/types/config.d.ts
|
|
@@ -31,7 +31,7 @@ type FrakWalletSdkConfig = {
|
|
|
31
31
|
/**
|
|
32
32
|
* Your application name (will be displayed in a few modals and in SSO)
|
|
33
33
|
*/
|
|
34
|
-
name
|
|
34
|
+
name?: string;
|
|
35
35
|
/**
|
|
36
36
|
* Your merchant ID from the Frak dashboard (UUID format)
|
|
37
37
|
* Used for referral tracking and analytics
|
|
@@ -75,6 +75,13 @@ type FrakWalletSdkConfig = {
|
|
|
75
75
|
* @defaultValue window.location.host
|
|
76
76
|
*/
|
|
77
77
|
domain?: string;
|
|
78
|
+
/**
|
|
79
|
+
* Wait for backend config before rendering components.
|
|
80
|
+
* When true (default), components show a spinner until backend config is resolved.
|
|
81
|
+
* When false, components render immediately with SDK static config / HTML attributes.
|
|
82
|
+
* @defaultValue true
|
|
83
|
+
*/
|
|
84
|
+
waitForBackendConfig?: boolean;
|
|
78
85
|
};
|
|
79
86
|
/**
|
|
80
87
|
* Custom i18n configuration for the modal
|
|
@@ -111,19 +118,116 @@ type FrakWalletSdkConfig = {
|
|
|
111
118
|
*/
|
|
112
119
|
type I18nConfig = Record<Language, LocalizedI18nConfig> | LocalizedI18nConfig;
|
|
113
120
|
/**
|
|
114
|
-
* A localized i18n config
|
|
121
|
+
* A localized i18n config (inline objects only — URL-based i18n removed)
|
|
115
122
|
* @category Config
|
|
116
123
|
*/
|
|
117
|
-
type LocalizedI18nConfig =
|
|
124
|
+
type LocalizedI18nConfig = {
|
|
118
125
|
[key: string]: string;
|
|
119
126
|
};
|
|
120
127
|
//#endregion
|
|
128
|
+
//#region src/types/resolvedConfig.d.ts
|
|
129
|
+
/**
|
|
130
|
+
* Response from the merchant resolve endpoint
|
|
131
|
+
* @category Config
|
|
132
|
+
*/
|
|
133
|
+
type MerchantConfigResponse = {
|
|
134
|
+
merchantId: string;
|
|
135
|
+
name: string;
|
|
136
|
+
domain: string;
|
|
137
|
+
allowedDomains: string[];
|
|
138
|
+
sdkConfig?: ResolvedSdkConfig;
|
|
139
|
+
};
|
|
140
|
+
/**
|
|
141
|
+
* Resolved placement config from backend
|
|
142
|
+
* Translations already flattened: default + lang-specific merged into one record
|
|
143
|
+
* @category Config
|
|
144
|
+
*/
|
|
145
|
+
type ResolvedPlacement = {
|
|
146
|
+
/** Per-component configuration within this placement */components?: {
|
|
147
|
+
buttonShare?: {
|
|
148
|
+
text?: string;
|
|
149
|
+
noRewardText?: string;
|
|
150
|
+
clickAction?: "embedded-wallet" | "share-modal" | "sharing-page";
|
|
151
|
+
useReward?: boolean;
|
|
152
|
+
css?: string;
|
|
153
|
+
};
|
|
154
|
+
buttonWallet?: {
|
|
155
|
+
position?: "right" | "left";
|
|
156
|
+
css?: string;
|
|
157
|
+
};
|
|
158
|
+
openInApp?: {
|
|
159
|
+
text?: string;
|
|
160
|
+
css?: string;
|
|
161
|
+
};
|
|
162
|
+
postPurchase?: {
|
|
163
|
+
badgeText?: string;
|
|
164
|
+
refereeText?: string;
|
|
165
|
+
refereeNoRewardText?: string;
|
|
166
|
+
referrerText?: string;
|
|
167
|
+
referrerNoRewardText?: string;
|
|
168
|
+
ctaText?: string;
|
|
169
|
+
ctaNoRewardText?: string;
|
|
170
|
+
css?: string;
|
|
171
|
+
};
|
|
172
|
+
banner?: {
|
|
173
|
+
referralTitle?: string;
|
|
174
|
+
referralDescription?: string;
|
|
175
|
+
referralCta?: string;
|
|
176
|
+
inappTitle?: string;
|
|
177
|
+
inappDescription?: string;
|
|
178
|
+
inappCta?: string;
|
|
179
|
+
css?: string;
|
|
180
|
+
};
|
|
181
|
+
};
|
|
182
|
+
targetInteraction?: string; /** Already flattened: default + lang-specific merged into one record */
|
|
183
|
+
translations?: Record<string, string>; /** Global placement CSS (applied to modals/listener) */
|
|
184
|
+
css?: string;
|
|
185
|
+
};
|
|
186
|
+
/**
|
|
187
|
+
* Resolved SDK config from backend `/resolve` endpoint
|
|
188
|
+
* Language resolution and translation merging already applied
|
|
189
|
+
* @category Config
|
|
190
|
+
*/
|
|
191
|
+
type ResolvedSdkConfig = {
|
|
192
|
+
name?: string;
|
|
193
|
+
logoUrl?: string;
|
|
194
|
+
homepageLink?: string;
|
|
195
|
+
currency?: Currency;
|
|
196
|
+
lang?: Language; /** When true, all SDK components should be hidden */
|
|
197
|
+
hidden?: boolean;
|
|
198
|
+
css?: string;
|
|
199
|
+
translations?: Record<string, string>;
|
|
200
|
+
placements?: Record<string, ResolvedPlacement>;
|
|
201
|
+
};
|
|
202
|
+
/**
|
|
203
|
+
* Internal SDK config store state
|
|
204
|
+
* Merged config: backend > SDK static > defaults
|
|
205
|
+
* Components subscribe to this reactively
|
|
206
|
+
* @category Config
|
|
207
|
+
*/
|
|
208
|
+
type SdkResolvedConfig = {
|
|
209
|
+
/** Whether the backend config has been resolved */isResolved: boolean; /** Merchant ID from resolution */
|
|
210
|
+
merchantId: string; /** Domain returned by the resolve endpoint */
|
|
211
|
+
domain?: string; /** Domains allowed for this merchant (used by iframe trust check) */
|
|
212
|
+
allowedDomains?: string[]; /** Whether the resolve returned a backend sdkConfig object */
|
|
213
|
+
hasRawSdkConfig?: boolean; /** Merged metadata fields */
|
|
214
|
+
name?: string;
|
|
215
|
+
logoUrl?: string;
|
|
216
|
+
homepageLink?: string;
|
|
217
|
+
lang?: Language;
|
|
218
|
+
currency?: Currency; /** When true, all SDK components should be hidden */
|
|
219
|
+
hidden?: boolean; /** Global CSS from backend config (passed to iframe) */
|
|
220
|
+
css?: string; /** Global translations (for reference / component fallback) */
|
|
221
|
+
translations?: Record<string, string>; /** Named placements (keyed by placement ID) */
|
|
222
|
+
placements?: Record<string, ResolvedPlacement>;
|
|
223
|
+
};
|
|
224
|
+
//#endregion
|
|
121
225
|
//#region src/types/lifecycle/client.d.ts
|
|
122
226
|
/**
|
|
123
227
|
* Event related to the iframe lifecycle
|
|
124
228
|
* @ignore
|
|
125
229
|
*/
|
|
126
|
-
type ClientLifecycleEvent = CustomCssEvent | CustomI18nEvent | RestoreBackupEvent | HearbeatEvent |
|
|
230
|
+
type ClientLifecycleEvent = CustomCssEvent | CustomI18nEvent | RestoreBackupEvent | HearbeatEvent | SsoRedirectCompleteEvent | DeepLinkFailedEvent | ResolvedConfigEvent;
|
|
127
231
|
type CustomCssEvent = {
|
|
128
232
|
clientLifecycle: "modal-css";
|
|
129
233
|
data: {
|
|
@@ -146,30 +250,6 @@ type HearbeatEvent = {
|
|
|
146
250
|
clientLifecycle: "heartbeat";
|
|
147
251
|
data?: never;
|
|
148
252
|
};
|
|
149
|
-
type HandshakeResponse = {
|
|
150
|
-
clientLifecycle: "handshake-response";
|
|
151
|
-
data: {
|
|
152
|
-
token: string;
|
|
153
|
-
currentUrl: string;
|
|
154
|
-
/**
|
|
155
|
-
* Pending merge token extracted from URL (?fmt= parameter)
|
|
156
|
-
* When present, listener should execute identity merge in background
|
|
157
|
-
* URL is cleaned after handshake response is sent
|
|
158
|
-
*/
|
|
159
|
-
pendingMergeToken?: string;
|
|
160
|
-
/**
|
|
161
|
-
* Client ID for identity tracking (belt & suspenders fallback)
|
|
162
|
-
* Primary delivery is via iframe URL query param; handshake is backup for SSR
|
|
163
|
-
*/
|
|
164
|
-
clientId?: string;
|
|
165
|
-
/**
|
|
166
|
-
* Explicit domain from SDK config (FrakWalletSdkConfig.domain)
|
|
167
|
-
* When present, listener should prefer this over URL-derived domain
|
|
168
|
-
* for merchant resolution (handles proxied/tunneled environments)
|
|
169
|
-
*/
|
|
170
|
-
configDomain?: string;
|
|
171
|
-
};
|
|
172
|
-
};
|
|
173
253
|
type SsoRedirectCompleteEvent = {
|
|
174
254
|
clientLifecycle: "sso-redirect-complete";
|
|
175
255
|
data: {
|
|
@@ -182,6 +262,21 @@ type DeepLinkFailedEvent = {
|
|
|
182
262
|
originalUrl: string;
|
|
183
263
|
};
|
|
184
264
|
};
|
|
265
|
+
type ResolvedConfigEvent = {
|
|
266
|
+
clientLifecycle: "resolved-config";
|
|
267
|
+
data: {
|
|
268
|
+
merchantId: string; /** The domain the backend resolved this config for */
|
|
269
|
+
domain: string; /** All domains registered for this merchant (for domain proof) */
|
|
270
|
+
allowedDomains: string[]; /** Full URL of the parent page (for interaction tracking) */
|
|
271
|
+
sourceUrl: string;
|
|
272
|
+
/**
|
|
273
|
+
* Pending merge token extracted from URL (?fmt= parameter).
|
|
274
|
+
* When present, listener should execute identity merge in background.
|
|
275
|
+
*/
|
|
276
|
+
pendingMergeToken?: string;
|
|
277
|
+
sdkConfig?: ResolvedSdkConfig;
|
|
278
|
+
};
|
|
279
|
+
};
|
|
185
280
|
//#endregion
|
|
186
281
|
//#region src/types/lifecycle/iframe.d.ts
|
|
187
282
|
/**
|
|
@@ -191,19 +286,13 @@ type DeepLinkFailedEvent = {
|
|
|
191
286
|
type IFrameLifecycleEvent = {
|
|
192
287
|
iframeLifecycle: "connected" | "show" | "hide" | "remove-backup";
|
|
193
288
|
data?: never;
|
|
194
|
-
} | DoBackupEvent |
|
|
289
|
+
} | DoBackupEvent | RedirectRequestEvent;
|
|
195
290
|
type DoBackupEvent = {
|
|
196
291
|
iframeLifecycle: "do-backup";
|
|
197
292
|
data: {
|
|
198
293
|
backup?: string;
|
|
199
294
|
};
|
|
200
295
|
};
|
|
201
|
-
type HandshakeRequestEvent = {
|
|
202
|
-
iframeLifecycle: "handshake";
|
|
203
|
-
data: {
|
|
204
|
-
token: string;
|
|
205
|
-
};
|
|
206
|
-
};
|
|
207
296
|
type RedirectRequestEvent = {
|
|
208
297
|
iframeLifecycle: "redirect";
|
|
209
298
|
data: {
|
|
@@ -218,6 +307,13 @@ type RedirectRequestEvent = {
|
|
|
218
307
|
* Used when redirecting out of social browsers to preserve identity across contexts
|
|
219
308
|
*/
|
|
220
309
|
mergeToken?: string;
|
|
310
|
+
/**
|
|
311
|
+
* When true, open the URL in a new tab via window.open(_blank)
|
|
312
|
+
* instead of navigating the current page.
|
|
313
|
+
* Requires the postMessage to include user activation delegation
|
|
314
|
+
* (includeUserActivation: true) so Safari allows the popup.
|
|
315
|
+
*/
|
|
316
|
+
openInNewTab?: boolean;
|
|
221
317
|
};
|
|
222
318
|
};
|
|
223
319
|
//#endregion
|
|
@@ -534,6 +630,80 @@ type DisplayModalParamsType<T extends ModalStepTypes[]> = {
|
|
|
534
630
|
metadata?: ModalRpcMetadata;
|
|
535
631
|
};
|
|
536
632
|
//#endregion
|
|
633
|
+
//#region src/types/rpc/displaySharingPage.d.ts
|
|
634
|
+
/**
|
|
635
|
+
* Product information to display on the sharing page
|
|
636
|
+
* @group Sharing Page
|
|
637
|
+
*/
|
|
638
|
+
type SharingPageProduct = {
|
|
639
|
+
/**
|
|
640
|
+
* The product title / name
|
|
641
|
+
*/
|
|
642
|
+
title: string;
|
|
643
|
+
/**
|
|
644
|
+
* Optional product image URL
|
|
645
|
+
*/
|
|
646
|
+
imageUrl?: string;
|
|
647
|
+
};
|
|
648
|
+
/**
|
|
649
|
+
* Parameters to display the sharing page
|
|
650
|
+
* @group Sharing Page
|
|
651
|
+
* @group RPC Schema
|
|
652
|
+
*/
|
|
653
|
+
type DisplaySharingPageParamsType = {
|
|
654
|
+
/**
|
|
655
|
+
* Products to showcase on the sharing page
|
|
656
|
+
* If provided, they will be displayed in a product card section
|
|
657
|
+
*/
|
|
658
|
+
products?: SharingPageProduct[];
|
|
659
|
+
/**
|
|
660
|
+
* Optional link override for sharing
|
|
661
|
+
* If not provided, the sharing link will be generated from the current page URL + merchant context
|
|
662
|
+
*/
|
|
663
|
+
link?: string;
|
|
664
|
+
/**
|
|
665
|
+
* Optional metadata overrides for the sharing page
|
|
666
|
+
*/
|
|
667
|
+
metadata?: {
|
|
668
|
+
/**
|
|
669
|
+
* Logo override for the sharing page header
|
|
670
|
+
*/
|
|
671
|
+
logo?: string;
|
|
672
|
+
/**
|
|
673
|
+
* Link to the homepage of the calling website
|
|
674
|
+
*/
|
|
675
|
+
homepageLink?: string;
|
|
676
|
+
/**
|
|
677
|
+
* The target interaction behind this sharing page
|
|
678
|
+
*/
|
|
679
|
+
targetInteraction?: InteractionTypeKey;
|
|
680
|
+
/**
|
|
681
|
+
* i18n overrides for the sharing page
|
|
682
|
+
*/
|
|
683
|
+
i18n?: I18nConfig;
|
|
684
|
+
};
|
|
685
|
+
};
|
|
686
|
+
/**
|
|
687
|
+
* Result of the sharing page display
|
|
688
|
+
* @group Sharing Page
|
|
689
|
+
* @group RPC Schema
|
|
690
|
+
*/
|
|
691
|
+
type DisplaySharingPageResultType = {
|
|
692
|
+
/**
|
|
693
|
+
* The action the user took
|
|
694
|
+
* - "shared": User used the native share dialog
|
|
695
|
+
* - "copied": User copied the link to clipboard
|
|
696
|
+
* - "dismissed": User dismissed the sharing page without acting
|
|
697
|
+
*/
|
|
698
|
+
action: "shared" | "copied" | "dismissed";
|
|
699
|
+
/**
|
|
700
|
+
* The install URL for the Frak app
|
|
701
|
+
* Can be used as a fallback to redirect the user to the install page
|
|
702
|
+
* from the merchant's top-level page (e.g. via `window.location.href`)
|
|
703
|
+
*/
|
|
704
|
+
installUrl?: string;
|
|
705
|
+
};
|
|
706
|
+
//#endregion
|
|
537
707
|
//#region src/types/rpc/embedded/loggedIn.d.ts
|
|
538
708
|
/**
|
|
539
709
|
* The different type of action we can have on the embedded view (once the user is logged in)
|
|
@@ -691,7 +861,9 @@ type SendInteractionParamsType = {
|
|
|
691
861
|
utmTerm?: string;
|
|
692
862
|
utmContent?: string;
|
|
693
863
|
} | {
|
|
694
|
-
type: "sharing";
|
|
864
|
+
type: "sharing"; /** Epoch seconds timestamp matching the V2 context `t` field embedded in the referral link URL, used for backend correlation */
|
|
865
|
+
sharingTimestamp?: number; /** Merchant order ID linking this sharing event to a purchase (stays server-side, never in URL) */
|
|
866
|
+
purchaseId?: string;
|
|
695
867
|
} | {
|
|
696
868
|
type: "custom";
|
|
697
869
|
customType: string;
|
|
@@ -769,6 +941,28 @@ type GetMerchantInformationReturnType = {
|
|
|
769
941
|
}[];
|
|
770
942
|
};
|
|
771
943
|
//#endregion
|
|
944
|
+
//#region src/types/rpc/userReferralStatus.d.ts
|
|
945
|
+
/**
|
|
946
|
+
* User referral status returned by `frak_getUserReferralStatus`.
|
|
947
|
+
*
|
|
948
|
+
* Generic referral context for the current user on a merchant.
|
|
949
|
+
* Used by components like `<frak-post-purchase>` and `<frak-referred-banner>`
|
|
950
|
+
* to adapt their display based on the user's referral relationship.
|
|
951
|
+
*
|
|
952
|
+
* Returns `null` when the user's identity cannot be resolved
|
|
953
|
+
* (e.g. no clientId and no wallet session).
|
|
954
|
+
*
|
|
955
|
+
* @group RPC Schema
|
|
956
|
+
*/
|
|
957
|
+
type UserReferralStatusType = {
|
|
958
|
+
/**
|
|
959
|
+
* Whether the user was referred to this merchant by someone else.
|
|
960
|
+
*
|
|
961
|
+
* `true` means a referral link exists where this user is the referee.
|
|
962
|
+
*/
|
|
963
|
+
isReferred: boolean;
|
|
964
|
+
};
|
|
965
|
+
//#endregion
|
|
772
966
|
//#region src/types/rpc/walletStatus.d.ts
|
|
773
967
|
/**
|
|
774
968
|
* RPC Response for the method `frak_listenToWalletStatus`
|
|
@@ -815,7 +1009,7 @@ type WalletNotConnected = {
|
|
|
815
1009
|
* - Response Type: stream (emits updates when wallet status changes)
|
|
816
1010
|
*
|
|
817
1011
|
* #### frak_displayModal
|
|
818
|
-
* - Params: [requests: {@link ModalRpcStepsInput}, metadata?: {@link ModalRpcMetadata}, configMetadata: {@link FrakWalletSdkConfig}["metadata"]]
|
|
1012
|
+
* - Params: [requests: {@link ModalRpcStepsInput}, metadata?: {@link ModalRpcMetadata}, configMetadata: {@link FrakWalletSdkConfig}["metadata"], placement?: string]
|
|
819
1013
|
* - Returns: {@link ModalRpcStepsResultType}
|
|
820
1014
|
* - Response Type: promise (one-shot)
|
|
821
1015
|
*
|
|
@@ -830,9 +1024,14 @@ type WalletNotConnected = {
|
|
|
830
1024
|
* - Response Type: promise (one-shot)
|
|
831
1025
|
*
|
|
832
1026
|
* #### frak_displayEmbeddedWallet
|
|
833
|
-
* - Params: [request: {@link DisplayEmbeddedWalletParamsType}, metadata: {@link FrakWalletSdkConfig}["metadata"]]
|
|
1027
|
+
* - Params: [request: {@link DisplayEmbeddedWalletParamsType}, metadata: {@link FrakWalletSdkConfig}["metadata"], placement?: string]
|
|
834
1028
|
* - Returns: {@link DisplayEmbeddedWalletResultType}
|
|
835
1029
|
* - Response Type: promise (one-shot)
|
|
1030
|
+
*
|
|
1031
|
+
* #### frak_displaySharingPage
|
|
1032
|
+
* - Params: [request: {@link DisplaySharingPageParamsType}, configMetadata: {@link FrakWalletSdkConfig}["metadata"], placement?: string]
|
|
1033
|
+
* - Returns: {@link DisplaySharingPageResultType}
|
|
1034
|
+
* - Response Type: promise (one-shot)
|
|
836
1035
|
*/
|
|
837
1036
|
type IFrameRpcSchema = [
|
|
838
1037
|
/**
|
|
@@ -850,7 +1049,7 @@ type IFrameRpcSchema = [
|
|
|
850
1049
|
*/
|
|
851
1050
|
{
|
|
852
1051
|
Method: "frak_displayModal";
|
|
853
|
-
Parameters: [requests: ModalRpcStepsInput, metadata: ModalRpcMetadata | undefined, configMetadata: FrakWalletSdkConfig["metadata"]];
|
|
1052
|
+
Parameters: [requests: ModalRpcStepsInput, metadata: ModalRpcMetadata | undefined, configMetadata: FrakWalletSdkConfig["metadata"], placement?: string];
|
|
854
1053
|
ReturnType: ModalRpcStepsResultType;
|
|
855
1054
|
},
|
|
856
1055
|
/**
|
|
@@ -860,7 +1059,7 @@ type IFrameRpcSchema = [
|
|
|
860
1059
|
*/
|
|
861
1060
|
{
|
|
862
1061
|
Method: "frak_prepareSso";
|
|
863
|
-
Parameters: [params: PrepareSsoParamsType, name
|
|
1062
|
+
Parameters: [params: PrepareSsoParamsType, name?: string, customCss?: string];
|
|
864
1063
|
ReturnType: PrepareSsoReturnType;
|
|
865
1064
|
},
|
|
866
1065
|
/**
|
|
@@ -871,7 +1070,7 @@ type IFrameRpcSchema = [
|
|
|
871
1070
|
*/
|
|
872
1071
|
{
|
|
873
1072
|
Method: "frak_openSso";
|
|
874
|
-
Parameters: [params: OpenSsoParamsType, name
|
|
1073
|
+
Parameters: [params: OpenSsoParamsType, name?: string, customCss?: string];
|
|
875
1074
|
ReturnType: OpenSsoReturnType;
|
|
876
1075
|
},
|
|
877
1076
|
/**
|
|
@@ -892,14 +1091,14 @@ type IFrameRpcSchema = [
|
|
|
892
1091
|
*/
|
|
893
1092
|
{
|
|
894
1093
|
Method: "frak_displayEmbeddedWallet";
|
|
895
|
-
Parameters: [request: DisplayEmbeddedWalletParamsType, metadata: FrakWalletSdkConfig["metadata"]];
|
|
1094
|
+
Parameters: [request: DisplayEmbeddedWalletParamsType, metadata: FrakWalletSdkConfig["metadata"], placement?: string];
|
|
896
1095
|
ReturnType: DisplayEmbeddedWalletResultType;
|
|
897
1096
|
},
|
|
898
1097
|
/**
|
|
899
1098
|
* Method to send interactions (arrival, sharing, custom events)
|
|
900
1099
|
* Fire-and-forget method - no return value expected
|
|
901
1100
|
* merchantId is resolved from context
|
|
902
|
-
* clientId is passed via metadata as safeguard against
|
|
1101
|
+
* clientId is passed via metadata as safeguard against race conditions
|
|
903
1102
|
*/
|
|
904
1103
|
{
|
|
905
1104
|
Method: "frak_sendInteraction";
|
|
@@ -907,6 +1106,27 @@ type IFrameRpcSchema = [
|
|
|
907
1106
|
clientId?: string;
|
|
908
1107
|
}];
|
|
909
1108
|
ReturnType: undefined;
|
|
1109
|
+
},
|
|
1110
|
+
/**
|
|
1111
|
+
* Method to get the current user's referral status on this merchant.
|
|
1112
|
+
* Returns whether the user was referred (has a referral link as referee).
|
|
1113
|
+
* Returns null when the user's identity cannot be resolved.
|
|
1114
|
+
* This is a one-shot request.
|
|
1115
|
+
*/
|
|
1116
|
+
{
|
|
1117
|
+
Method: "frak_getUserReferralStatus";
|
|
1118
|
+
Parameters?: undefined;
|
|
1119
|
+
ReturnType: UserReferralStatusType | null;
|
|
1120
|
+
},
|
|
1121
|
+
/**
|
|
1122
|
+
* Method to display a sharing page with product info and sharing buttons
|
|
1123
|
+
* Resolves on first user action (share/copy) but the page stays visible
|
|
1124
|
+
* This is a one-shot request
|
|
1125
|
+
*/
|
|
1126
|
+
{
|
|
1127
|
+
Method: "frak_displaySharingPage";
|
|
1128
|
+
Parameters: [request: DisplaySharingPageParamsType, configMetadata: FrakWalletSdkConfig["metadata"], placement?: string];
|
|
1129
|
+
ReturnType: DisplaySharingPageResultType;
|
|
910
1130
|
}];
|
|
911
1131
|
//#endregion
|
|
912
1132
|
//#region src/types/transport.d.ts
|
|
@@ -1052,4 +1272,4 @@ declare const ssoPopupName = "frak-sso";
|
|
|
1052
1272
|
*/
|
|
1053
1273
|
declare function openSso(client: FrakClient, args: OpenSsoParamsType): Promise<OpenSsoReturnType>;
|
|
1054
1274
|
//#endregion
|
|
1055
|
-
export {
|
|
1275
|
+
export { ResolvedPlacement as $, ModalRpcMetadata as A, LoginModalStepType as B, EmbeddedViewActionReferred as C, DisplaySharingPageResultType as D, DisplaySharingPageParamsType as E, SendTransactionReturnType as F, SsoMetadata as G, OpenSsoReturnType as H, SendTransactionTxType as I, ModalStepMetadata as J, FinalActionType as K, SiweAuthenticateModalStepType as L, ModalRpcStepsResultType as M, ModalStepTypes as N, SharingPageProduct as O, SendTransactionModalStepType as P, MerchantConfigResponse as Q, SiweAuthenticateReturnType as R, LoggedOutEmbeddedView as S, LoggedInEmbeddedView as T, PrepareSsoParamsType as U, OpenSsoParamsType as V, PrepareSsoReturnType as W, IFrameLifecycleEvent as X, InteractionTypeKey as Y, ClientLifecycleEvent as Z, RewardTier as _, FrakContextV1 as a, Language as at, DisplayEmbeddedWalletParamsType as b, isV2Context as c, IFrameTransport as d, ResolvedSdkConfig as et, IFrameRpcSchema as f, GetMerchantInformationReturnType as g, EstimatedReward as h, FrakContext as i, I18nConfig as it, ModalRpcStepsInput as j, DisplayModalParamsType as k, FrakClient as l, UserReferralStatusType as m, ssoPopupFeatures as n, Currency as nt, FrakContextV2 as o, LocalizedI18nConfig as ot, WalletStatusReturnType as p, FinalModalStepType as q, ssoPopupName as r, FrakWalletSdkConfig as rt, isV1Context as s, openSso as t, SdkResolvedConfig as tt, FrakLifecycleEvent as u, TokenAmountType as v, EmbeddedViewActionSharing as w, DisplayEmbeddedWalletResultType as x, SendInteractionParamsType as y, SiweAuthenticationParams as z };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import{n as e,s as t,y as n}from"./trackEvent-Ce1XlsIE.js";import{Deferred as r,FrakRpcError as i,RpcErrorCodes as a,createRpcClient as o}from"@frak-labs/frame-connector";import{OpenPanel as s}from"@openpanel/web";const c=`nexus-wallet-backup`,l=`frakwallet://`;function u(){let e=navigator.userAgent;return/Android/i.test(e)&&/Chrome\/\d+/i.test(e)}function d(e){return`intent://${e.slice(13)}#Intent;scheme=frakwallet;end`}function f(e,t){let n=t?.timeout??2500,r=!1,i=()=>{document.hidden&&(r=!0)};document.addEventListener(`visibilitychange`,i);let a=u()&&p(e)?d(e):e;window.location.href=a,setTimeout(()=>{document.removeEventListener(`visibilitychange`,i),r||t?.onFallback?.()},n)}function p(e){return e.startsWith(l)}const m={eur:`fr-FR`,usd:`en-US`,gbp:`en-GB`};function h(e){return e&&e in m?e:`eur`}function g(e){return e?m[e]??m.eur:m.eur}function _(e,t){let n=g(t),r=h(t);return e.toLocaleString(n,{style:`currency`,currency:r,minimumFractionDigits:0,maximumFractionDigits:2})}function v(e){return e?`${e}Amount`:`eurAmount`}const y={id:`frak-wallet`,name:`frak-wallet`,title:`Frak Wallet`,allow:`publickey-credentials-get *; clipboard-write; web-share *`,style:{width:`0`,height:`0`,border:`0`,position:`absolute`,zIndex:2000001,top:`-1000px`,left:`-1000px`,colorScheme:`auto`}};function b({walletBaseUrl:e,config:t}){let r=document.querySelector(`#frak-wallet`);r&&r.remove();let i=document.createElement(`iframe`);i.id=y.id,i.name=y.name,i.allow=y.allow,i.style.zIndex=y.style.zIndex.toString(),x({iframe:i,isVisible:!1});let a=t?.walletUrl??e??`https://wallet.frak.id`,o=n();return i.src=`${a}/listener?clientId=${encodeURIComponent(o)}`,new Promise(e=>{i.addEventListener(`load`,()=>e(i)),document.body.appendChild(i)})}function x({iframe:e,isVisible:t}){if(!t){e.style.width=`0`,e.style.height=`0`,e.style.border=`0`,e.style.position=`fixed`,e.style.top=`-1000px`,e.style.left=`-1000px`;return}e.style.position=`fixed`,e.style.top=`0`,e.style.left=`0`,e.style.width=`100%`,e.style.height=`100%`,e.style.pointerEvents=`auto`}function S(e=`/listener`){if(!window.opener)return null;let t=t=>{try{return t.location.origin===window.location.origin&&t.location.pathname===e}catch{return!1}};if(t(window.opener))return window.opener;try{let e=window.opener.frames;for(let n=0;n<e.length;n++)if(t(e[n]))return e[n];return null}catch(t){return console.error(`[findIframeInOpener] Error finding iframe with pathname ${e}:`,t),null}}function C(){if(typeof navigator>`u`)return!1;let e=navigator.userAgent;return!!(/iPhone|iPad|iPod/i.test(e)||/Macintosh/i.test(e)&&navigator.maxTouchPoints>1)}const w=C();function T(){if(typeof navigator>`u`)return!1;let e=navigator.userAgent.toLowerCase();return e.includes(`instagram`)||e.includes(`fban`)||e.includes(`fbav`)||e.includes(`facebook`)}const E=T();function D(e){w&&e.startsWith(`https://`)?window.location.href=`x-safari-https://${e.slice(8)}`:w&&e.startsWith(`http://`)?window.location.href=`x-safari-http://${e.slice(7)}`:window.location.href=`https://backend.frak.id/common/social?u=${encodeURIComponent(e)}`}function O(e,t){if(typeof window>`u`)return;let n=new URL(window.location.href),r=n.searchParams.get(`sso`);r&&(t.then(()=>{e.sendLifecycle({clientLifecycle:`sso-redirect-complete`,data:{compressed:r}}),console.log(`[SSO URL Listener] Forwarded compressed SSO data to iframe`)}).catch(e=>{console.error(`[SSO URL Listener] Failed to forward SSO data:`,e)}),n.searchParams.delete(`sso`),window.history.replaceState({},``,n.toString()),console.log(`[SSO URL Listener] SSO parameter detected and URL cleaned`))}var k=class e{config;iframe;isSetupDone=!1;lastResponse=null;lastRequest=null;constructor(e,t){this.config=e,this.iframe=t,this.lastRequest=null,this.lastResponse=null}setLastResponse(e,t){this.lastResponse={message:e,response:t,timestamp:Date.now()}}setLastRequest(e){this.lastRequest={event:e,timestamp:Date.now()}}updateSetupStatus(e){this.isSetupDone=e}base64Encode(e){try{return btoa(JSON.stringify(e))}catch(e){return console.warn(`Failed to encode debug data`,e),btoa(`Failed to encode data`)}}getIframeStatus(){return this.iframe?{loading:this.iframe.hasAttribute(`loading`),url:this.iframe.src,readyState:this.iframe.contentDocument?.readyState?this.iframe.contentDocument.readyState===`complete`?1:0:-1,contentWindow:!!this.iframe.contentWindow,isConnected:this.iframe.isConnected}:null}getNavigatorInfo(){return navigator?{userAgent:navigator.userAgent,language:navigator.language,onLine:navigator.onLine,screenWidth:window.screen.width,screenHeight:window.screen.height,pixelRatio:window.devicePixelRatio}:null}gatherDebugInfo(e){let t=this.getIframeStatus(),n=this.getNavigatorInfo(),r=`Unknown`;return e instanceof i?r=`FrakRpcError: ${e.code} '${e.message}'`:e instanceof Error?r=e.message:typeof e==`string`&&(r=e),{timestamp:new Date().toISOString(),encodedUrl:btoa(window.location.href),encodedConfig:this.config?this.base64Encode(this.config):`no-config`,navigatorInfo:n?this.base64Encode(n):`no-navigator`,iframeStatus:t?this.base64Encode(t):`not-iframe`,lastRequest:this.lastRequest?this.base64Encode(this.lastRequest):`No Frak request logged`,lastResponse:this.lastResponse?this.base64Encode(this.lastResponse):`No Frak response logged`,clientStatus:this.isSetupDone?`setup`:`not-setup`,error:r}}static empty(){return new e}formatDebugInfo(e){let t=this.gatherDebugInfo(e);return`
|
|
2
|
+
Debug Information:
|
|
3
|
+
-----------------
|
|
4
|
+
Timestamp: ${t.timestamp}
|
|
5
|
+
URL: ${t.encodedUrl}
|
|
6
|
+
Config: ${t.encodedConfig}
|
|
7
|
+
Navigator Info: ${t.navigatorInfo}
|
|
8
|
+
IFrame Status: ${t.iframeStatus}
|
|
9
|
+
Last Request: ${t.lastRequest}
|
|
10
|
+
Last Response: ${t.lastResponse}
|
|
11
|
+
Client Status: ${t.clientStatus}
|
|
12
|
+
Error: ${t.error}
|
|
13
|
+
`.trim()}};const A=(()=>{if(typeof navigator>`u`)return!1;let e=navigator.userAgent;if(!(/iPhone|iPad|iPod/i.test(e)||/Macintosh/i.test(e)&&navigator.maxTouchPoints>1))return!1;let t=e.toLowerCase();return t.includes(`instagram`)||t.includes(`fban`)||t.includes(`fbav`)||t.includes(`facebook`)})();function j(e){e?localStorage.setItem(c,e):localStorage.removeItem(c)}function M(e,t){try{let n=new URL(e);return n.searchParams.has(`u`)?(n.searchParams.delete(`u`),n.searchParams.append(`u`,window.location.href),t&&n.searchParams.append(`fmt`,t),n.toString()):e}catch{return e}}function N(e){let t=new URL(window.location.href);e&&t.searchParams.set(`fmt`,e);let n=t.protocol===`http:`?`x-safari-http`:`x-safari-https`;window.location.href=`${n}://${t.host}${t.pathname}${t.search}${t.hash}`}function P(e){return e.includes(`/common/social`)}function F(e,t,n,r,i){if(i){let e=M(t,r);window.open(e,`_blank`);return}if(p(t)){let i=M(t,r);f(i,{onFallback:()=>{e.contentWindow?.postMessage({clientLifecycle:`deep-link-failed`,data:{originalUrl:i}},n)}})}else if(A&&P(t))N(r);else{let e=M(t,r);window.location.href=e}}function I({iframe:e,targetOrigin:t}){let n=new r;return{handleEvent:r=>{if(!(`iframeLifecycle`in r))return;let{iframeLifecycle:i,data:a}=r;switch(i){case`connected`:n.resolve(!0);break;case`do-backup`:j(a.backup);break;case`remove-backup`:localStorage.removeItem(c);break;case`show`:case`hide`:x({iframe:e,isVisible:i===`show`});break;case`redirect`:F(e,a.baseRedirectUrl,t,a.mergeToken,a.openInNewTab);break}},isConnected:n.promise}}function L({config:c,iframe:l}){let u=c?.walletUrl??`https://wallet.frak.id`,d=typeof navigator<`u`?navigator.language?.split(`-`)[0]:void 0,f=c.metadata.lang??(d===`en`||d===`fr`?d:void 0),p=c.domain??(typeof window<`u`?window.location.hostname:``);e.setCacheScope(p,f),e.reset();let m=e.isCacheFresh?void 0:e.resolve(c.domain,c.walletUrl,f),h=I({iframe:l,targetOrigin:u}),g=new r,_=new k(c,l);if(!l.contentWindow)throw new i(a.configError,`The iframe does not have a content window`);let v=o({emittingTransport:l.contentWindow,listeningTransport:window,targetOrigin:u,middleware:[{async onRequest(e,t){if(!await h.isConnected)throw new i(a.clientNotConnected,`The iframe provider isn't connected yet`);return await g.promise,t}},{onRequest(e,t){return _.setLastRequest(e),t},onResponse(e,t){return _.setLastResponse(e,t),t}}],lifecycleHandlers:{iframeLifecycle:(e,t)=>{h.handleEvent(e)}}}),y=R(v,h),b=async()=>{y(),v.cleanup(),l.remove(),t(),e.clearCache(),e.reset()},x;console.log(`[Frak SDK] Initializing OpenPanel`),x=new s({apiUrl:`https://op-api.gcp.frak.id`,clientId:`6eacc8d7-49ac-4936-95e9-81ef29449570`,trackScreenViews:!0,trackOutgoingLinks:!0,trackAttributes:!1,filter:({type:e,payload:t})=>(e!==`track`||!t?.properties||`sdkVersion`in t.properties||(t.properties={...t.properties,sdkVersion:`0.2.1`,userAnonymousClientId:n()}),!0)}),x.setGlobalProperties({sdkVersion:`0.2.1`,userAnonymousClientId:n()}),x.init();let S=z({config:c,rpcClient:v,lifecycleManager:h,configPromise:m,contextSent:g}).then(()=>_.updateSetupStatus(!0)).catch(e=>{throw g.reject(e),e});return{config:c,debugInfo:_,waitForConnection:h.isConnected,waitForSetup:S,request:v.request,listenerRequest:v.listen,destroy:b,openPanel:x}}function R(e,t){let n,r,i=()=>e.sendLifecycle({clientLifecycle:`heartbeat`});async function a(){i(),n=setInterval(i,1e3),r=setTimeout(()=>{o(),console.log(`Heartbeat timeout: connection failed`)},3e4),await t.isConnected,o()}function o(){n&&clearInterval(n),r&&clearTimeout(r)}return a(),o}async function z({config:t,rpcClient:n,lifecycleManager:r,configPromise:i,contextSent:a}){await r.isConnected,O(n,r.isConnected);let o=new URL(window.location.href),s=o.searchParams.get(`fmt`)??void 0;s&&(o.searchParams.delete(`fmt`),window.history.replaceState({},``,o.toString()));let l=n=>{let r=n?.merchantId??t.metadata.merchantId??``,i=n?.domain??``,a=n?.allowedDomains??[],o=n?.sdkConfig;e.setConfig(o?{isResolved:!0,merchantId:r,domain:i,allowedDomains:a,hasRawSdkConfig:!0,name:o.name??t.metadata.name,logoUrl:o.logoUrl??t.metadata.logoUrl,homepageLink:o.homepageLink??t.metadata.homepageLink,lang:o.lang??t.metadata.lang,currency:o.currency??t.metadata.currency,hidden:o.hidden,css:o.css,translations:o.translations,placements:o.placements}:{isResolved:!0,merchantId:r,domain:i,allowedDomains:a,name:t.metadata.name,logoUrl:t.metadata.logoUrl,homepageLink:t.metadata.homepageLink,lang:t.metadata.lang,currency:t.metadata.currency})},u=!1,d=e=>{let t=u?void 0:s;u=!0;let r=e.hasRawSdkConfig?{name:e.name,logoUrl:e.logoUrl,homepageLink:e.homepageLink,lang:e.lang,currency:e.currency,hidden:e.hidden,css:e.css,translations:e.translations,placements:e.placements}:void 0;n.sendLifecycle({clientLifecycle:`resolved-config`,data:{merchantId:e.merchantId,domain:e.domain??``,allowedDomains:e.allowedDomains??[],sourceUrl:window.location.href,...t&&{pendingMergeToken:t},...r&&{sdkConfig:r}}})};e.isResolved&&(d(e.getConfig()),a.resolve()),i&&(l(await i),d(e.getConfig()),a.resolve());async function f(){let e=t.customizations?.css;e&&n.sendLifecycle({clientLifecycle:`modal-css`,data:{cssLink:e}})}async function p(){let e=t.customizations?.i18n;e&&n.sendLifecycle({clientLifecycle:`modal-i18n`,data:{i18n:e}})}async function m(){if(typeof window>`u`)return;let e=window.localStorage.getItem(c);e&&n.sendLifecycle({clientLifecycle:`restore-backup`,data:{backup:e}})}await Promise.allSettled([f(),p(),m()])}async function B({config:e}){let t=V(e),n=await b({config:t});if(!n){console.error(`Failed to create iframe`);return}let r=L({config:t,iframe:n});if(await r.waitForSetup,!await r.waitForConnection){console.error(`Failed to connect to client`);return}return r}function V(e){let t=h(e.metadata?.currency);return{...e,metadata:{...e.metadata,currency:t}}}export{d as _,E as a,b as c,_ as d,g as f,p as g,u as h,w as i,S as l,m,L as n,D as o,h as p,k as r,y as s,B as t,v as u,f as v,l as y};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
const e=require(`./trackEvent-CvbJTTqA.cjs`);let t=require(`@frak-labs/frame-connector`),n=require(`@openpanel/web`);const r=`nexus-wallet-backup`,i=`frakwallet://`;function a(){let e=navigator.userAgent;return/Android/i.test(e)&&/Chrome\/\d+/i.test(e)}function o(e){return`intent://${e.slice(13)}#Intent;scheme=frakwallet;end`}function s(e,t){let n=t?.timeout??2500,r=!1,i=()=>{document.hidden&&(r=!0)};document.addEventListener(`visibilitychange`,i);let s=a()&&c(e)?o(e):e;window.location.href=s,setTimeout(()=>{document.removeEventListener(`visibilitychange`,i),r||t?.onFallback?.()},n)}function c(e){return e.startsWith(i)}const l={eur:`fr-FR`,usd:`en-US`,gbp:`en-GB`};function u(e){return e&&e in l?e:`eur`}function d(e){return e?l[e]??l.eur:l.eur}function f(e,t){let n=d(t),r=u(t);return e.toLocaleString(n,{style:`currency`,currency:r,minimumFractionDigits:0,maximumFractionDigits:2})}function p(e){return e?`${e}Amount`:`eurAmount`}const m={id:`frak-wallet`,name:`frak-wallet`,title:`Frak Wallet`,allow:`publickey-credentials-get *; clipboard-write; web-share *`,style:{width:`0`,height:`0`,border:`0`,position:`absolute`,zIndex:2000001,top:`-1000px`,left:`-1000px`,colorScheme:`auto`}};function h({walletBaseUrl:t,config:n}){let r=document.querySelector(`#frak-wallet`);r&&r.remove();let i=document.createElement(`iframe`);i.id=m.id,i.name=m.name,i.allow=m.allow,i.style.zIndex=m.style.zIndex.toString(),g({iframe:i,isVisible:!1});let a=n?.walletUrl??t??`https://wallet.frak.id`,o=e.y();return i.src=`${a}/listener?clientId=${encodeURIComponent(o)}`,new Promise(e=>{i.addEventListener(`load`,()=>e(i)),document.body.appendChild(i)})}function g({iframe:e,isVisible:t}){if(!t){e.style.width=`0`,e.style.height=`0`,e.style.border=`0`,e.style.position=`fixed`,e.style.top=`-1000px`,e.style.left=`-1000px`;return}e.style.position=`fixed`,e.style.top=`0`,e.style.left=`0`,e.style.width=`100%`,e.style.height=`100%`,e.style.pointerEvents=`auto`}function _(e=`/listener`){if(!window.opener)return null;let t=t=>{try{return t.location.origin===window.location.origin&&t.location.pathname===e}catch{return!1}};if(t(window.opener))return window.opener;try{let e=window.opener.frames;for(let n=0;n<e.length;n++)if(t(e[n]))return e[n];return null}catch(t){return console.error(`[findIframeInOpener] Error finding iframe with pathname ${e}:`,t),null}}function v(){if(typeof navigator>`u`)return!1;let e=navigator.userAgent;return!!(/iPhone|iPad|iPod/i.test(e)||/Macintosh/i.test(e)&&navigator.maxTouchPoints>1)}const y=v();function b(){if(typeof navigator>`u`)return!1;let e=navigator.userAgent.toLowerCase();return e.includes(`instagram`)||e.includes(`fban`)||e.includes(`fbav`)||e.includes(`facebook`)}const x=b();function S(e){y&&e.startsWith(`https://`)?window.location.href=`x-safari-https://${e.slice(8)}`:y&&e.startsWith(`http://`)?window.location.href=`x-safari-http://${e.slice(7)}`:window.location.href=`https://backend.frak.id/common/social?u=${encodeURIComponent(e)}`}function C(e,t){if(typeof window>`u`)return;let n=new URL(window.location.href),r=n.searchParams.get(`sso`);r&&(t.then(()=>{e.sendLifecycle({clientLifecycle:`sso-redirect-complete`,data:{compressed:r}}),console.log(`[SSO URL Listener] Forwarded compressed SSO data to iframe`)}).catch(e=>{console.error(`[SSO URL Listener] Failed to forward SSO data:`,e)}),n.searchParams.delete(`sso`),window.history.replaceState({},``,n.toString()),console.log(`[SSO URL Listener] SSO parameter detected and URL cleaned`))}var w=class e{config;iframe;isSetupDone=!1;lastResponse=null;lastRequest=null;constructor(e,t){this.config=e,this.iframe=t,this.lastRequest=null,this.lastResponse=null}setLastResponse(e,t){this.lastResponse={message:e,response:t,timestamp:Date.now()}}setLastRequest(e){this.lastRequest={event:e,timestamp:Date.now()}}updateSetupStatus(e){this.isSetupDone=e}base64Encode(e){try{return btoa(JSON.stringify(e))}catch(e){return console.warn(`Failed to encode debug data`,e),btoa(`Failed to encode data`)}}getIframeStatus(){return this.iframe?{loading:this.iframe.hasAttribute(`loading`),url:this.iframe.src,readyState:this.iframe.contentDocument?.readyState?this.iframe.contentDocument.readyState===`complete`?1:0:-1,contentWindow:!!this.iframe.contentWindow,isConnected:this.iframe.isConnected}:null}getNavigatorInfo(){return navigator?{userAgent:navigator.userAgent,language:navigator.language,onLine:navigator.onLine,screenWidth:window.screen.width,screenHeight:window.screen.height,pixelRatio:window.devicePixelRatio}:null}gatherDebugInfo(e){let n=this.getIframeStatus(),r=this.getNavigatorInfo(),i=`Unknown`;return e instanceof t.FrakRpcError?i=`FrakRpcError: ${e.code} '${e.message}'`:e instanceof Error?i=e.message:typeof e==`string`&&(i=e),{timestamp:new Date().toISOString(),encodedUrl:btoa(window.location.href),encodedConfig:this.config?this.base64Encode(this.config):`no-config`,navigatorInfo:r?this.base64Encode(r):`no-navigator`,iframeStatus:n?this.base64Encode(n):`not-iframe`,lastRequest:this.lastRequest?this.base64Encode(this.lastRequest):`No Frak request logged`,lastResponse:this.lastResponse?this.base64Encode(this.lastResponse):`No Frak response logged`,clientStatus:this.isSetupDone?`setup`:`not-setup`,error:i}}static empty(){return new e}formatDebugInfo(e){let t=this.gatherDebugInfo(e);return`
|
|
2
|
+
Debug Information:
|
|
3
|
+
-----------------
|
|
4
|
+
Timestamp: ${t.timestamp}
|
|
5
|
+
URL: ${t.encodedUrl}
|
|
6
|
+
Config: ${t.encodedConfig}
|
|
7
|
+
Navigator Info: ${t.navigatorInfo}
|
|
8
|
+
IFrame Status: ${t.iframeStatus}
|
|
9
|
+
Last Request: ${t.lastRequest}
|
|
10
|
+
Last Response: ${t.lastResponse}
|
|
11
|
+
Client Status: ${t.clientStatus}
|
|
12
|
+
Error: ${t.error}
|
|
13
|
+
`.trim()}};const T=(()=>{if(typeof navigator>`u`)return!1;let e=navigator.userAgent;if(!(/iPhone|iPad|iPod/i.test(e)||/Macintosh/i.test(e)&&navigator.maxTouchPoints>1))return!1;let t=e.toLowerCase();return t.includes(`instagram`)||t.includes(`fban`)||t.includes(`fbav`)||t.includes(`facebook`)})();function E(e){e?localStorage.setItem(r,e):localStorage.removeItem(r)}function D(e,t){try{let n=new URL(e);return n.searchParams.has(`u`)?(n.searchParams.delete(`u`),n.searchParams.append(`u`,window.location.href),t&&n.searchParams.append(`fmt`,t),n.toString()):e}catch{return e}}function O(e){let t=new URL(window.location.href);e&&t.searchParams.set(`fmt`,e);let n=t.protocol===`http:`?`x-safari-http`:`x-safari-https`;window.location.href=`${n}://${t.host}${t.pathname}${t.search}${t.hash}`}function k(e){return e.includes(`/common/social`)}function A(e,t,n,r,i){if(i){let e=D(t,r);window.open(e,`_blank`);return}if(c(t)){let i=D(t,r);s(i,{onFallback:()=>{e.contentWindow?.postMessage({clientLifecycle:`deep-link-failed`,data:{originalUrl:i}},n)}})}else if(T&&k(t))O(r);else{let e=D(t,r);window.location.href=e}}function j({iframe:e,targetOrigin:n}){let i=new t.Deferred;return{handleEvent:t=>{if(!(`iframeLifecycle`in t))return;let{iframeLifecycle:a,data:o}=t;switch(a){case`connected`:i.resolve(!0);break;case`do-backup`:E(o.backup);break;case`remove-backup`:localStorage.removeItem(r);break;case`show`:case`hide`:g({iframe:e,isVisible:a===`show`});break;case`redirect`:A(e,o.baseRedirectUrl,n,o.mergeToken,o.openInNewTab);break}},isConnected:i.promise}}function M({config:r,iframe:i}){let a=r?.walletUrl??`https://wallet.frak.id`,o=typeof navigator<`u`?navigator.language?.split(`-`)[0]:void 0,s=r.metadata.lang??(o===`en`||o===`fr`?o:void 0),c=r.domain??(typeof window<`u`?window.location.hostname:``);e.n.setCacheScope(c,s),e.n.reset();let l=e.n.isCacheFresh?void 0:e.n.resolve(r.domain,r.walletUrl,s),u=j({iframe:i,targetOrigin:a}),d=new t.Deferred,f=new w(r,i);if(!i.contentWindow)throw new t.FrakRpcError(t.RpcErrorCodes.configError,`The iframe does not have a content window`);let p=(0,t.createRpcClient)({emittingTransport:i.contentWindow,listeningTransport:window,targetOrigin:a,middleware:[{async onRequest(e,n){if(!await u.isConnected)throw new t.FrakRpcError(t.RpcErrorCodes.clientNotConnected,`The iframe provider isn't connected yet`);return await d.promise,n}},{onRequest(e,t){return f.setLastRequest(e),t},onResponse(e,t){return f.setLastResponse(e,t),t}}],lifecycleHandlers:{iframeLifecycle:(e,t)=>{u.handleEvent(e)}}}),m=N(p,u),h=async()=>{m(),p.cleanup(),i.remove(),e.s(),e.n.clearCache(),e.n.reset()},g;console.log(`[Frak SDK] Initializing OpenPanel`),g=new n.OpenPanel({apiUrl:`https://op-api.gcp.frak.id`,clientId:`6eacc8d7-49ac-4936-95e9-81ef29449570`,trackScreenViews:!0,trackOutgoingLinks:!0,trackAttributes:!1,filter:({type:t,payload:n})=>(t!==`track`||!n?.properties||`sdkVersion`in n.properties||(n.properties={...n.properties,sdkVersion:`0.2.1`,userAnonymousClientId:e.y()}),!0)}),g.setGlobalProperties({sdkVersion:`0.2.1`,userAnonymousClientId:e.y()}),g.init();let _=P({config:r,rpcClient:p,lifecycleManager:u,configPromise:l,contextSent:d}).then(()=>f.updateSetupStatus(!0)).catch(e=>{throw d.reject(e),e});return{config:r,debugInfo:f,waitForConnection:u.isConnected,waitForSetup:_,request:p.request,listenerRequest:p.listen,destroy:h,openPanel:g}}function N(e,t){let n,r,i=()=>e.sendLifecycle({clientLifecycle:`heartbeat`});async function a(){i(),n=setInterval(i,1e3),r=setTimeout(()=>{o(),console.log(`Heartbeat timeout: connection failed`)},3e4),await t.isConnected,o()}function o(){n&&clearInterval(n),r&&clearTimeout(r)}return a(),o}async function P({config:t,rpcClient:n,lifecycleManager:i,configPromise:a,contextSent:o}){await i.isConnected,C(n,i.isConnected);let s=new URL(window.location.href),c=s.searchParams.get(`fmt`)??void 0;c&&(s.searchParams.delete(`fmt`),window.history.replaceState({},``,s.toString()));let l=n=>{let r=n?.merchantId??t.metadata.merchantId??``,i=n?.domain??``,a=n?.allowedDomains??[],o=n?.sdkConfig;e.n.setConfig(o?{isResolved:!0,merchantId:r,domain:i,allowedDomains:a,hasRawSdkConfig:!0,name:o.name??t.metadata.name,logoUrl:o.logoUrl??t.metadata.logoUrl,homepageLink:o.homepageLink??t.metadata.homepageLink,lang:o.lang??t.metadata.lang,currency:o.currency??t.metadata.currency,hidden:o.hidden,css:o.css,translations:o.translations,placements:o.placements}:{isResolved:!0,merchantId:r,domain:i,allowedDomains:a,name:t.metadata.name,logoUrl:t.metadata.logoUrl,homepageLink:t.metadata.homepageLink,lang:t.metadata.lang,currency:t.metadata.currency})},u=!1,d=e=>{let t=u?void 0:c;u=!0;let r=e.hasRawSdkConfig?{name:e.name,logoUrl:e.logoUrl,homepageLink:e.homepageLink,lang:e.lang,currency:e.currency,hidden:e.hidden,css:e.css,translations:e.translations,placements:e.placements}:void 0;n.sendLifecycle({clientLifecycle:`resolved-config`,data:{merchantId:e.merchantId,domain:e.domain??``,allowedDomains:e.allowedDomains??[],sourceUrl:window.location.href,...t&&{pendingMergeToken:t},...r&&{sdkConfig:r}}})};e.n.isResolved&&(d(e.n.getConfig()),o.resolve()),a&&(l(await a),d(e.n.getConfig()),o.resolve());async function f(){let e=t.customizations?.css;e&&n.sendLifecycle({clientLifecycle:`modal-css`,data:{cssLink:e}})}async function p(){let e=t.customizations?.i18n;e&&n.sendLifecycle({clientLifecycle:`modal-i18n`,data:{i18n:e}})}async function m(){if(typeof window>`u`)return;let e=window.localStorage.getItem(r);e&&n.sendLifecycle({clientLifecycle:`restore-backup`,data:{backup:e}})}await Promise.allSettled([f(),p(),m()])}async function F({config:e}){let t=I(e),n=await h({config:t});if(!n){console.error(`Failed to create iframe`);return}let r=M({config:t,iframe:n});if(await r.waitForSetup,!await r.waitForConnection){console.error(`Failed to connect to client`);return}return r}function I(e){let t=u(e.metadata?.currency);return{...e,metadata:{...e.metadata,currency:t}}}Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return i}});
|