npm - @foxy.io/elements - Versions diffs - 1.29.0-beta.4 → 1.29.0-beta.6 - Mend

@foxy.io/elements 1.29.0-beta.4 → 1.29.0-beta.6

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

Files changed (264) hide show

package/dist/elements/public/PaymentsApi/api/handlers/available_payment_methods.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"available_payment_methods.js","sourceRoot":"","sources":["../../../../../../src/elements/public/PaymentsApi/api/handlers/available_payment_methods.ts"],"names":[],"mappings":"~~AAGA~~,OAAO,EAAE,SAAS,EAAE,oBAAiB;AACrC,OAAO,EAAE,OAAO,EAAE,kDAA+C;AAUjE;;;;;;;GAOG;AACH,MAAM,CAAC,KAAK,UAAU,MAAM,CAAC,MAAc;;IACzC,IAAI,MAAM,GAAuB,SAAS,CAAC;IAC3C,IAAI,IAAY,CAAC;IAEjB,IAAI;QACF,MAAM,EACJ,8BAA8B,EAAE,kBAAkB,EAClD,wBAAwB,EAAE,YAAY,EACtC,sBAAsB,EAAE,SAAS,EACjC,OAAO,EACP,KAAK,GACN,GAAG,MAAM,CAAC;QAEX,IAAI,OAAO,CAAC,MAAM,KAAK,KAAK,EAAE;YAC5B,MAAM,GAAG,GAAG,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;SAC9D;QAED,MAAM,SAAS,GAAG,+DAA+D,CAAC;QAClF,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAE,CAAC,MAAO,CAAC,QAAQ,CAAC;QAOjF,MAAM,yBAAyB,GAAG,SAAS,CAAkB,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC;QACxF,MAAM,mBAAmB,GAAG,SAAS,CAAY,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;QACtE,MAAM,GAAG,GAAG,MAAM,SAAS,CAAM,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;~~QAC7D~~,MAAM,KAAK,GAAG,MAAA,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC,0CAAE,IAA0B,CAAC;QAC3E,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,SAAS,CAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAEjE,MAAM,MAAM,GAAG,OAAO,CAAC;YACrB,2BAA2B,EAAE,MAAM,yBAAyB;YAC5D,qBAAqB,EAAE,MAAM,mBAAmB;YAChD,eAAe,EAAE,QAAQ;YACzB,cAAc,EAAE,EAAE;YAClB,IAAI,EAAE,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM;SAClC,CAAC,CAAC;QAEH,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAC9B,MAAM,GAAG,GAAG,CAAC;KACd;IAAC,OAAO,GAAG,EAAE;QACZ,IAAI,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACxD,MAAM,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,GAAG,CAAC;KACxB;IAED,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AACxC,CAAC","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { fetchJson } from '../utils';\nimport { compose } from '../composers/available_payment_methods';\n\nexport type Params = {\n hostedPaymentGatewaysHelperUrl: string;\n paymentGatewaysHelperUrl: string;\n getPaymentMethodSetUrl: (id: string) => string;\n request: Request;\n fetch: Window['fetch'];\n};\n\n/*\n Request handler.\n \n Endpoint: `/payment_presets/:presetId/available_payment_methods`;\n * Methods: GET;\n * Curie: `fx:available_payment_methods`;\n * Type: property helper.\n */\nexport async function handle(params: Params): Promise<Response> {\n let status: number \| undefined = undefined;\n let body: string;\n\n try {\n const {\n hostedPaymentGatewaysHelperUrl: hostedGwsHelperUrl,\n paymentGatewaysHelperUrl: gwsHelperUrl,\n getPaymentMethodSetUrl: getSetUrl,\n request,\n fetch,\n } = params;\n\n if (request.method !== 'GET') {\n status = 405;\n throw new Error('Method not allowed. Allowed methods: GET.');\n }\n\n const pathRegex = /\\/payment_presets\\/(?<presetId>.+)\\/available_payment_methods/;\n const presetId = pathRegex.exec(new URL(request.url).pathname)!.groups!.presetId;\n\n type HostedGwsHelper = Resource<Rels.HostedPaymentGatewaysHelper>;\n type GwsHelper = Resource<Rels.PaymentGatewaysHelper>;\n type Set = Resource<Rels.PaymentMethodSet>;\n type Gw = Resource<Rels.PaymentGateway>;\n\n const whenHostedGwsHelperLoaded = fetchJson<HostedGwsHelper>(fetch(hostedGwsHelperUrl));\n const whenGwsHelperLoaded = fetchJson<GwsHelper>(fetch(gwsHelperUrl));\n const set = await fetchJson<Set>(fetch(getSetUrl(presetId)));\n const gwUrl = set._links['fx:payment_gateway']?.href as string \| undefined;\n const gw = gwUrl ? await fetchJson<Gw>(fetch(gwUrl)) : undefined;\n\n const output = compose({\n hostedPaymentGatewaysHelper: await whenHostedGwsHelperLoaded,\n paymentGatewaysHelper: await whenGwsHelperLoaded,\n paymentPresetId: presetId,\n paymentGateway: gw,\n base: new URL(request.url).origin,\n });\n\n body = JSON.stringify(output);\n status = 200;\n } catch (err) {\n body = err instanceof Error ? err.message : String(err);\n status = status ?? 500;\n }\n\n return new Response(body, { status });\n}\n"]}
1	+ {"version":3,"file":"available_payment_methods.js","sourceRoot":"","sources":["../../../../../../src/elements/public/PaymentsApi/api/handlers/available_payment_methods.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PaymentMethod, PaymentMethods } from '../types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { fetchJson } from '../utils';\nimport { compose } from '../composers/available_payment_methods';\n\nexport type Params = {\n hostedPaymentGatewaysHelperUrl: string;\n paymentGatewaysHelperUrl: string;\n getPaymentMethodSetUrl: (id: string) => string;\n request: Request;\n fetch: Window['fetch'];\n};\n\n/*\n Request handler.\n \n Endpoint: `/payment_presets/:presetId/available_payment_methods`;\n * Methods: GET;\n * Curie: `fx:available_payment_methods`;\n * Type: property helper.\n */\nexport async function handle(params: Params): Promise<Response> {\n let status: number \| undefined = undefined;\n let body: string;\n\n try {\n const {\n hostedPaymentGatewaysHelperUrl: hostedGwsHelperUrl,\n paymentGatewaysHelperUrl: gwsHelperUrl,\n getPaymentMethodSetUrl: getSetUrl,\n request,\n fetch,\n } = params;\n\n if (request.method !== 'GET') {\n status = 405;\n throw new Error('Method not allowed. Allowed methods: GET.');\n }\n\n const pathRegex = /\\/payment_presets\\/(?<presetId>.+)\\/available_payment_methods/;\n const presetId = pathRegex.exec(new URL(request.url).pathname)!.groups!.presetId;\n\n type HostedGwsHelper = Resource<Rels.HostedPaymentGatewaysHelper>;\n type GwsHelper = Resource<Rels.PaymentGatewaysHelper>;\n type Set = Resource<Rels.PaymentMethodSet>;\n type Gw = Resource<Rels.PaymentGateway>;\n\n const whenHostedGwsHelperLoaded = fetchJson<HostedGwsHelper>(fetch(hostedGwsHelperUrl));\n const whenGwsHelperLoaded = fetchJson<GwsHelper>(fetch(gwsHelperUrl));\n const set = await fetchJson<Set>(fetch(getSetUrl(presetId)));\n\n const whenPaymentMethodsLoaded = (async () => {\n const result: PaymentMethod[] = [];\n\n // eslint-disable-next-line no-constant-condition\n while (true) {\n const base = new URL(request.url).origin;\n const url = new URL(`${base}/payment_presets/${presetId}/payment_methods`);\n url.searchParams.set('offset', result.length.toString());\n url.searchParams.set('limit', '200');\n\n const json = await fetchJson<PaymentMethods>(fetch(url.toString()));\n result.push(...json._embedded['fx:payment_methods']);\n\n if (json._embedded['fx:payment_methods'].length < 200) break;\n }\n\n return result;\n })();\n\n const gwUrl = set._links['fx:payment_gateway']?.href as string \| undefined;\n const gw = gwUrl ? await fetchJson<Gw>(fetch(gwUrl)) : undefined;\n\n const output = compose({\n hostedPaymentGatewaysHelper: await whenHostedGwsHelperLoaded,\n paymentGatewaysHelper: await whenGwsHelperLoaded,\n paymentPresetId: presetId,\n paymentGateway: gw,\n paymentMethods: await whenPaymentMethodsLoaded,\n base: new URL(request.url).origin,\n });\n\n body = JSON.stringify(output);\n status = 200;\n } catch (err) {\n body = err instanceof Error ? err.message : String(err);\n status = status ?? 500;\n }\n\n return new Response(body, { status });\n}\n"]}

package/dist/elements/public/PaymentsApi/api/index.js CHANGED Viewed

@@ -8,22 +8,22 @@ import { handle as handlePaymentPreset, } from "./handlers/payment_preset.js";
 import { handle as handlePaymentMethod, } from "./handlers/payment_method.js";
 export function getHandler(params) {
     const paths = [
-        [/\/payment_presets\/(?<presetId>.+)\/payment_methods\/(?<methodId>.+)/, handlePaymentMethod],
+        [/\/payment_presets\/(?<presetId>.+?)\/payment_methods\/(?<methodId>.+?)/, handlePaymentMethod],
         [
-            /\/payment_presets\/(?<presetId>.+)\/available_fraud_protections/,
+            /\/payment_presets\/(?<presetId>.+?)\/available_fraud_protections/,
             handleAvailableFraudProtections,
         ],
         [
-            /\/payment_presets\/(?<presetId>.+)\/available_payment_methods/,
+            /\/payment_presets\/(?<presetId>.+?)\/available_payment_methods/,
             handleAvailablePaymentMethods,
         ],
         [
-            /\/payment_presets\/(?<presetId>.+)\/fraud_protections\/(?<protectionId>.+)/,
+            /\/payment_presets\/(?<presetId>.+?)\/fraud_protections\/(?<protectionId>.+?)/,
             handleFraudProtection,
         ],
-        [/\/payment_presets\/(?<presetId>.+)\/fraud_protections/, handleFraudProtections],
-        [/\/payment_presets\/(?<presetId>.+)\/payment_methods/, handlePaymentMethods],
-        [/\/payment_presets\/(?<presetId>.+)/, handlePaymentPreset],
+        [/\/payment_presets\/(?<presetId>.+?)\/fraud_protections/, handleFraudProtections],
+        [/\/payment_presets\/(?<presetId>.+?)\/payment_methods/, handlePaymentMethods],
+        [/\/payment_presets\/(?<presetId>.+?)/, handlePaymentPreset],
         [/\/payment_presets/, handlePaymentPresets],
     ];
     for (const [pathRegex, handler] of paths) {

package/dist/elements/public/PaymentsApi/api/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/elements/public/PaymentsApi/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,6BAA6B,GAExC,gDAA6C;AAE9C,OAAO,EACL,MAAM,IAAI,+BAA+B,GAE1C,kDAA+C;AAEhD,OAAO,EACL,MAAM,IAAI,sBAAsB,GAEjC,wCAAqC;AAEtC,OAAO,EACL,MAAM,IAAI,qBAAqB,GAEhC,uCAAoC;AAErC,OAAO,EACL,MAAM,IAAI,oBAAoB,GAE/B,sCAAmC;AAEpC,OAAO,EACL,MAAM,IAAI,oBAAoB,GAE/B,sCAAmC;AAEpC,OAAO,EACL,MAAM,IAAI,mBAAmB,GAE9B,qCAAkC;AAEnC,OAAO,EACL,MAAM,IAAI,mBAAmB,GAE9B,qCAAkC;AAanC,MAAM,UAAU,UAAU,CAAC,MAAc;IACvC,MAAM,KAAK,GAAG;QACZ,CAAC,~~sEAAsE~~,EAAE,mBAAmB,CAAC;~~QAC7F~~;YACE,~~iEAAiE~~;~~YACjE~~,+BAA+B;SAChC;QACD;YACE~~,+DAA+D~~;~~YAC/D~~,6BAA6B;SAC9B;QACD;YACE,~~4EAA4E~~;~~YAC5E~~,qBAAqB;SACtB;QACD,CAAC,~~uDAAuD~~,EAAE,sBAAsB,CAAC;~~QACjF~~,CAAC,~~qDAAqD~~,EAAE,oBAAoB,CAAC;~~QAC7E~~,CAAC,~~oCAAoC~~,EAAE,mBAAmB,CAAC;~~QAC3D~~,CAAC,mBAAmB,EAAE,oBAAoB,CAAC;KACnC,CAAC;IAEX,KAAK,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,KAAK,EAAE;QACxC,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC;YAAE,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC;KAClF;IAED,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import {\n handle as handleAvailablePaymentMethods,\n Params as AvailablePaymentMethodsParams,\n} from './handlers/available_payment_methods';\n\nimport {\n handle as handleAvailableFraudProtections,\n Params as AvailableFraudProtectionsParams,\n} from './handlers/available_fraud_protections';\n\nimport {\n handle as handleFraudProtections,\n Params as FraudProtectionsParams,\n} from './handlers/fraud_protections';\n\nimport {\n handle as handleFraudProtection,\n Params as FraudProtectionParams,\n} from './handlers/fraud_protection';\n\nimport {\n handle as handlePaymentMethods,\n Params as PaymentMethodsParams,\n} from './handlers/payment_methods';\n\nimport {\n handle as handlePaymentPresets,\n Params as PaymentPresetsParams,\n} from './handlers/payment_presets';\n\nimport {\n handle as handlePaymentPreset,\n Params as PaymentPresetParams,\n} from './handlers/payment_preset';\n\nimport {\n handle as handlePaymentMethod,\n Params as PaymentMethodParams,\n} from './handlers/payment_method';\n\nexport type Handler = () => Promise<Response>;\n\nexport type Params = AvailablePaymentMethodsParams &\n AvailableFraudProtectionsParams &\n FraudProtectionsParams &\n FraudProtectionParams &\n PaymentMethodsParams &\n PaymentPresetsParams &\n PaymentPresetParams &\n PaymentMethodParams;\n\nexport function getHandler(params: Params): Promise<Response> \| null {\n const paths = [\n [/\\/payment_presets\\/(?<presetId~~>.+~~)\\/payment_methods\\/(?<methodId~~>.+~~)/, handlePaymentMethod],\n [\n /\\/payment_presets\\/(?<presetId~~>.+~~)\\/available_fraud_protections/,\n handleAvailableFraudProtections,\n ],\n [\n /\\/payment_presets\\/(?<presetId~~>.+~~)\\/available_payment_methods/,\n handleAvailablePaymentMethods,\n ],\n [\n /\\/payment_presets\\/(?<presetId~~>.+~~)\\/fraud_protections\\/(?<protectionId~~>.+~~)/,\n handleFraudProtection,\n ],\n [/\\/payment_presets\\/(?<presetId~~>.+~~)\\/fraud_protections/, handleFraudProtections],\n [/\\/payment_presets\\/(?<presetId~~>.+~~)\\/payment_methods/, handlePaymentMethods],\n [/\\/payment_presets\\/(?<presetId~~>.+~~)/, handlePaymentPreset],\n [/\\/payment_presets/, handlePaymentPresets],\n ] as const;\n\n for (const [pathRegex, handler] of paths) {\n if (pathRegex.test(new URL(params.request.url).pathname)) return handler(params);\n }\n\n return null;\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/elements/public/PaymentsApi/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,6BAA6B,GAExC,gDAA6C;AAE9C,OAAO,EACL,MAAM,IAAI,+BAA+B,GAE1C,kDAA+C;AAEhD,OAAO,EACL,MAAM,IAAI,sBAAsB,GAEjC,wCAAqC;AAEtC,OAAO,EACL,MAAM,IAAI,qBAAqB,GAEhC,uCAAoC;AAErC,OAAO,EACL,MAAM,IAAI,oBAAoB,GAE/B,sCAAmC;AAEpC,OAAO,EACL,MAAM,IAAI,oBAAoB,GAE/B,sCAAmC;AAEpC,OAAO,EACL,MAAM,IAAI,mBAAmB,GAE9B,qCAAkC;AAEnC,OAAO,EACL,MAAM,IAAI,mBAAmB,GAE9B,qCAAkC;AAanC,MAAM,UAAU,UAAU,CAAC,MAAc;IACvC,MAAM,KAAK,GAAG;QACZ,CAAC,wEAAwE,EAAE,mBAAmB,CAAC;QAC/F;YACE,kEAAkE;YAClE,+BAA+B;SAChC;QACD;YACE,gEAAgE;YAChE,6BAA6B;SAC9B;QACD;YACE,8EAA8E;YAC9E,qBAAqB;SACtB;QACD,CAAC,wDAAwD,EAAE,sBAAsB,CAAC;QAClF,CAAC,sDAAsD,EAAE,oBAAoB,CAAC;QAC9E,CAAC,qCAAqC,EAAE,mBAAmB,CAAC;QAC5D,CAAC,mBAAmB,EAAE,oBAAoB,CAAC;KACnC,CAAC;IAEX,KAAK,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,KAAK,EAAE;QACxC,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC;YAAE,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC;KAClF;IAED,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import {\n handle as handleAvailablePaymentMethods,\n Params as AvailablePaymentMethodsParams,\n} from './handlers/available_payment_methods';\n\nimport {\n handle as handleAvailableFraudProtections,\n Params as AvailableFraudProtectionsParams,\n} from './handlers/available_fraud_protections';\n\nimport {\n handle as handleFraudProtections,\n Params as FraudProtectionsParams,\n} from './handlers/fraud_protections';\n\nimport {\n handle as handleFraudProtection,\n Params as FraudProtectionParams,\n} from './handlers/fraud_protection';\n\nimport {\n handle as handlePaymentMethods,\n Params as PaymentMethodsParams,\n} from './handlers/payment_methods';\n\nimport {\n handle as handlePaymentPresets,\n Params as PaymentPresetsParams,\n} from './handlers/payment_presets';\n\nimport {\n handle as handlePaymentPreset,\n Params as PaymentPresetParams,\n} from './handlers/payment_preset';\n\nimport {\n handle as handlePaymentMethod,\n Params as PaymentMethodParams,\n} from './handlers/payment_method';\n\nexport type Handler = () => Promise<Response>;\n\nexport type Params = AvailablePaymentMethodsParams &\n AvailableFraudProtectionsParams &\n FraudProtectionsParams &\n FraudProtectionParams &\n PaymentMethodsParams &\n PaymentPresetsParams &\n PaymentPresetParams &\n PaymentMethodParams;\n\nexport function getHandler(params: Params): Promise<Response> \| null {\n const paths = [\n [/\\/payment_presets\\/(?<presetId>.+?)\\/payment_methods\\/(?<methodId>.+?)/, handlePaymentMethod],\n [\n /\\/payment_presets\\/(?<presetId>.+?)\\/available_fraud_protections/,\n handleAvailableFraudProtections,\n ],\n [\n /\\/payment_presets\\/(?<presetId>.+?)\\/available_payment_methods/,\n handleAvailablePaymentMethods,\n ],\n [\n /\\/payment_presets\\/(?<presetId>.+?)\\/fraud_protections\\/(?<protectionId>.+?)/,\n handleFraudProtection,\n ],\n [/\\/payment_presets\\/(?<presetId>.+?)\\/fraud_protections/, handleFraudProtections],\n [/\\/payment_presets\\/(?<presetId>.+?)\\/payment_methods/, handlePaymentMethods],\n [/\\/payment_presets\\/(?<presetId>.+?)/, handlePaymentPreset],\n [/\\/payment_presets/, handlePaymentPresets],\n ] as const;\n\n for (const [pathRegex, handler] of paths) {\n if (pathRegex.test(new URL(params.request.url).pathname)) return handler(params);\n }\n\n return null;\n}\n"]}

package/dist/elements/public/PaymentsApi/api/types.d.ts CHANGED Viewed

@@ -120,6 +120,11 @@ interface AvailableFraudProtectionsRel extends Graph {
         values: {
             [key: string]: {
                 name: string;
+                /** If this fraud protection can't be used due to a conflict with another fraud protection, the details about it will be here. */
+                conflict?: {
+                    type: string;
+                    name: string;
+                };
                 uses_rejection_threshold: boolean;
                 json: null | {
                     blocks: {

package/dist/elements/public/PaymentsApi/api/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/elements/public/PaymentsApi/api/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Rels } from '@foxy.io/sdk/backend';\nimport type { Graph, Resource } from '@foxy.io/sdk/core';\n\nimport type {\n CollectionGraphLinks,\n CollectionGraphProps,\n} from '@foxy.io/sdk/dist/types/core/defaults';\n\ninterface PaymentPresetsRel extends Graph {\n curie: 'fx:payment_presets';\n props: CollectionGraphProps;\n links: CollectionGraphLinks<PaymentPresetsRel>;\n child: PaymentPresetRel;\n}\n\ninterface PaymentPresetRel extends Graph {\n curie: 'fx:payment_preset';\n props: Omit<Rels.PaymentMethodSet['props'], 'gateway_uri'>;\n links: {\n 'self': PaymentPresetRel;\n 'fx:store': Rels.Store;\n 'fx:payment_methods': PaymentMethodsRel;\n 'fx:fraud_protections': FraudProtectionsRel;\n 'fx:available_payment_methods': AvailablePaymentMethodsRel;\n 'fx:available_fraud_protections': AvailableFraudProtectionsRel;\n };\n}\n\ninterface PaymentMethodsRel extends Graph {\n curie: 'fx:payment_methods';\n props: CollectionGraphProps;\n links: CollectionGraphLinks<PaymentMethodsRel>;\n child: PaymentMethodRel;\n}\n\ninterface PaymentMethodRel extends Graph {\n curie: 'fx:payment_method';\n props: (Rels.HostedPaymentGateway['props'] \| Rels.PaymentGateway['props']) & {\n helper: (\n \| Rels.PaymentGatewaysHelper\n \| Rels.HostedPaymentGatewaysHelper\n )['props']['values'][string];\n };\n links: {\n 'self': PaymentMethodRel;\n 'fx:store': Rels.Store;\n 'fx:payment_preset': any;\n };\n}\n\ninterface FraudProtectionsRel extends Graph {\n curie: 'fx:fraud_protections';\n props: CollectionGraphProps;\n links: CollectionGraphLinks<FraudProtectionsRel>;\n child: FraudProtectionRel;\n}\n\ninterface FraudProtectionRel extends Graph {\n curie: 'fx:fraud_protection';\n links: {\n 'self': FraudProtectionRel;\n 'fx:store': Rels.Store;\n 'fx:payment_preset': PaymentPresetRel;\n };\n props: Rels.FraudProtection['props'] & {\n helper: AvailableFraudProtectionsRel['props']['values'][string];\n };\n}\n\ninterface AvailablePaymentMethodsRel extends Graph {\n curie: 'fx:available_payment_methods';\n props: {\n values: {\n [key: string]: {\n /** The name of this payment gateway. /\n name: string;\n /* The default id you can use for testing this gateway. /\n test_id: string;\n /* The default key you can use for testing this gateway. /\n test_key: string;\n /* The description of the id field for this gateway. /\n id_description: string;\n /* The description of the key field for this gateway. /\n key_description: string;\n /* Whether or not this gateway supports 3D Secure functionality. /\n supports_3d_secure: 0 \| 1;\n /* Whether or not this gateway supports authorize only instead of auth+capture. /\n supports_auth_only: 0 \| 1;\n /* The default third party key you can use for testing this gateway. /\n test_third_party_key: string;\n /* The description of the third party key field for this gateway. /\n third_party_key_description: string;\n /* Whether or not this payment method is deprecated. /\n is_deprecated: boolean;\n /* If this gateway requires additional information, this will contain details about the data which needs to be collected to configure this gateway. /\n additional_fields: null \| {\n blocks: {\n id: string;\n is_live: boolean;\n parent_id: string;\n fields: {\n id: string;\n type: string;\n name: string;\n options?: { name: string; value: string }[];\n optional?: boolean;\n file_type?: string;\n description?: string;\n default_value: string;\n }[];\n }[];\n };\n /* If this payment method can't be used due to a conflict with another payment method, the details about it will be here. */\n conflict?: { type: string; name: string };\n };\n };\n };\n links: {\n self: PaymentMethodRel;\n };\n}\n\ninterface AvailableFraudProtectionsRel extends Graph {\n curie: 'fx:available_fraud_protections';\n links: { self: AvailableFraudProtectionsRel };\n props: {\n values: {\n [key: string]: {\n name: string;\n uses_rejection_threshold: boolean;\n json: null \| {\n blocks: {\n id: string;\n is_live?: boolean;\n parent_id: string;\n fields: {\n id: string;\n type: string;\n name: string;\n options?: { name: string; value: string }[];\n optional?: boolean;\n file_type?: string;\n description?: string;\n default_value: unknown;\n }[];\n }[];\n };\n };\n };\n };\n}\n\nexport type PaymentMethods = Resource<PaymentMethodsRel>;\nexport type PaymentMethod = Resource<PaymentMethodRel>;\n\nexport type PaymentPresets = Resource<PaymentPresetsRel>;\nexport type PaymentPreset = Resource<PaymentPresetRel>;\n\nexport type FraudProtections = Resource<FraudProtectionsRel>;\nexport type FraudProtection = Resource<FraudProtectionRel>;\n\nexport type AvailablePaymentMethods = Resource<AvailablePaymentMethodsRel>;\nexport type AvailableFraudProtections = Resource<AvailableFraudProtectionsRel>;\n"]}
1	+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/elements/public/PaymentsApi/api/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Rels } from '@foxy.io/sdk/backend';\nimport type { Graph, Resource } from '@foxy.io/sdk/core';\n\nimport type {\n CollectionGraphLinks,\n CollectionGraphProps,\n} from '@foxy.io/sdk/dist/types/core/defaults';\n\ninterface PaymentPresetsRel extends Graph {\n curie: 'fx:payment_presets';\n props: CollectionGraphProps;\n links: CollectionGraphLinks<PaymentPresetsRel>;\n child: PaymentPresetRel;\n}\n\ninterface PaymentPresetRel extends Graph {\n curie: 'fx:payment_preset';\n props: Omit<Rels.PaymentMethodSet['props'], 'gateway_uri'>;\n links: {\n 'self': PaymentPresetRel;\n 'fx:store': Rels.Store;\n 'fx:payment_methods': PaymentMethodsRel;\n 'fx:fraud_protections': FraudProtectionsRel;\n 'fx:available_payment_methods': AvailablePaymentMethodsRel;\n 'fx:available_fraud_protections': AvailableFraudProtectionsRel;\n };\n}\n\ninterface PaymentMethodsRel extends Graph {\n curie: 'fx:payment_methods';\n props: CollectionGraphProps;\n links: CollectionGraphLinks<PaymentMethodsRel>;\n child: PaymentMethodRel;\n}\n\ninterface PaymentMethodRel extends Graph {\n curie: 'fx:payment_method';\n props: (Rels.HostedPaymentGateway['props'] \| Rels.PaymentGateway['props']) & {\n helper: (\n \| Rels.PaymentGatewaysHelper\n \| Rels.HostedPaymentGatewaysHelper\n )['props']['values'][string];\n };\n links: {\n 'self': PaymentMethodRel;\n 'fx:store': Rels.Store;\n 'fx:payment_preset': any;\n };\n}\n\ninterface FraudProtectionsRel extends Graph {\n curie: 'fx:fraud_protections';\n props: CollectionGraphProps;\n links: CollectionGraphLinks<FraudProtectionsRel>;\n child: FraudProtectionRel;\n}\n\ninterface FraudProtectionRel extends Graph {\n curie: 'fx:fraud_protection';\n links: {\n 'self': FraudProtectionRel;\n 'fx:store': Rels.Store;\n 'fx:payment_preset': PaymentPresetRel;\n };\n props: Rels.FraudProtection['props'] & {\n helper: AvailableFraudProtectionsRel['props']['values'][string];\n };\n}\n\ninterface AvailablePaymentMethodsRel extends Graph {\n curie: 'fx:available_payment_methods';\n props: {\n values: {\n [key: string]: {\n /** The name of this payment gateway. /\n name: string;\n /* The default id you can use for testing this gateway. /\n test_id: string;\n /* The default key you can use for testing this gateway. /\n test_key: string;\n /* The description of the id field for this gateway. /\n id_description: string;\n /* The description of the key field for this gateway. /\n key_description: string;\n /* Whether or not this gateway supports 3D Secure functionality. /\n supports_3d_secure: 0 \| 1;\n /* Whether or not this gateway supports authorize only instead of auth+capture. /\n supports_auth_only: 0 \| 1;\n /* The default third party key you can use for testing this gateway. /\n test_third_party_key: string;\n /* The description of the third party key field for this gateway. /\n third_party_key_description: string;\n /* Whether or not this payment method is deprecated. /\n is_deprecated: boolean;\n /* If this gateway requires additional information, this will contain details about the data which needs to be collected to configure this gateway. /\n additional_fields: null \| {\n blocks: {\n id: string;\n is_live: boolean;\n parent_id: string;\n fields: {\n id: string;\n type: string;\n name: string;\n options?: { name: string; value: string }[];\n optional?: boolean;\n file_type?: string;\n description?: string;\n default_value: string;\n }[];\n }[];\n };\n /* If this payment method can't be used due to a conflict with another payment method, the details about it will be here. /\n conflict?: { type: string; name: string };\n };\n };\n };\n links: {\n self: PaymentMethodRel;\n };\n}\n\ninterface AvailableFraudProtectionsRel extends Graph {\n curie: 'fx:available_fraud_protections';\n links: { self: AvailableFraudProtectionsRel };\n props: {\n values: {\n [key: string]: {\n name: string;\n /* If this fraud protection can't be used due to a conflict with another fraud protection, the details about it will be here. */\n conflict?: { type: string; name: string };\n uses_rejection_threshold: boolean;\n json: null \| {\n blocks: {\n id: string;\n is_live?: boolean;\n parent_id: string;\n fields: {\n id: string;\n type: string;\n name: string;\n options?: { name: string; value: string }[];\n optional?: boolean;\n file_type?: string;\n description?: string;\n default_value: unknown;\n }[];\n }[];\n };\n };\n };\n };\n}\n\nexport type PaymentMethods = Resource<PaymentMethodsRel>;\nexport type PaymentMethod = Resource<PaymentMethodRel>;\n\nexport type PaymentPresets = Resource<PaymentPresetsRel>;\nexport type PaymentPreset = Resource<PaymentPresetRel>;\n\nexport type FraudProtections = Resource<FraudProtectionsRel>;\nexport type FraudProtection = Resource<FraudProtectionRel>;\n\nexport type AvailablePaymentMethods = Resource<AvailablePaymentMethodsRel>;\nexport type AvailableFraudProtections = Resource<AvailableFraudProtectionsRel>;\n"]}

package/dist/elements/public/PaymentsApiFraudProtectionForm/PaymentsApiFraudProtectionForm.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import type { Data } from './types';
 import type { PropertyDeclarations } from 'lit-element';
 import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
 import type { NucleonV8N } from '../NucleonElement/types';
 import { BooleanSelector } from '@foxy.io/sdk/core';
 import { InternalForm } from '../../internal/InternalForm/InternalForm';

package/dist/elements/public/PaymentsApiFraudProtectionForm/PaymentsApiFraudProtectionForm.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { BooleanSelector } from '@foxy.io/sdk/core';
 import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
+import { classMap } from "../../../utils/class-map.js";
 import { html } from 'lit-html';
 import get from 'lodash-es/get';
 import set from 'lodash-es/set';
@@ -99,9 +100,19 @@ export class PaymentsApiFraudProtectionForm extends Base {
     `;
     }
     renderBody() {
-        return this.form.type
+        const loaders = html `
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__availableFraudProtectionsHref)}
+        id=${this.__availableFraudProtectionsLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+    `;
+        return html `${this.renderHeader()}${this.form.type
             ? this.__renderFraudProtectionConfig()
-            : this.__renderFraudProtectionSelector();
+            : this.__renderFraudProtectionSelector()}${loaders}`;
     }
     get __availableFraudProtectionsLoader() {
         return this.renderRoot.querySelector(`#${this.__availableFraudProtectionsLoaderId}`);
@@ -124,23 +135,19 @@ export class PaymentsApiFraudProtectionForm extends Base {
     }
     __renderFraudProtectionSelector() {
         var _a;
+        const loader = this.__availableFraudProtectionsLoader;
         return html `
-      ${this.renderHeader()}
-      <div class="grid grid-cols-2 gap-m" data-testid="select-protection-list">
-        ${Object.entries((_a = this.__availableFraudProtections) !== null && _a !== void 0 ? _a : {}).map(([type, helper]) => {
+      ${(loader === null || loader === void 0 ? void 0 : loader.data) ? html `
+            <div class="grid grid-cols-2 gap-m" data-testid="select-protection-list">
+              ${Object.entries((_a = this.__availableFraudProtections) !== null && _a !== void 0 ? _a : {}).map(([type, helper]) => {
             return this.__renderFraudProtectionButton({ type, helper });
         })}
-      </div>
-      <foxy-nucleon
-        class="hidden"
-        infer=""
-        href=${ifDefined(this.__availableFraudProtectionsHref)}
-        id=${this.__availableFraudProtectionsLoaderId}
-        @update=${() => this.requestUpdate()}
-      >
-      </foxy-nucleon>
+            </div>
+          `
+            : html `
+            <foxy-spinner infer="list-spinner" state=${(loader === null || loader === void 0 ? void 0 : loader.in('fail')) ? 'error' : 'busy'}>
+            </foxy-spinner>
+          `}
     `;
     }
     __renderFraudProtectionButton({ type, helper }) {
@@ -150,7 +157,14 @@ export class PaymentsApiFraudProtectionForm extends Base {
         const onError = (evt) => (evt.currentTarget.src = defaultSrc);
         return html `
       <button
-        class="relative w-full block text-left p-s rounded bg-contrast-5 overflow-hidden transition-colors hover-bg-contrast-10 focus-outline-none focus-ring-2 focus-ring-primary-50"
+        class=${classMap({
+            'relative w-full block text-left p-s rounded bg-contrast-5 overflow-hidden': true,
+            'focus-outline-none focus-ring-2 focus-ring-primary-50': true,
+            'transition-colors hover-bg-contrast-10': !helper.conflict,
+            'cursor-default': !!helper.conflict,
+        })}
+        ?disabled=${!!helper.conflict}
+        title=${ifDefined(helper.conflict ? this.t('conflict_message') : void 0)}
         @click=${() => this.edit({ type, helper })}
       >
         <img
@@ -158,20 +172,29 @@ export class PaymentsApiFraudProtectionForm extends Base {
           style="transform: translate3d(0, 0, 0)"
           src=${src}
           alt=""
+          ?hidden=${!!helper.conflict}
           @error=${onError}
         />
         <figure class="relative flex flex-col gap-m">
           <img
-            class="h-m w-m object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs"
+            class=${classMap({
+            'h-m w-m object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs': true,
+            'filter grayscale': !!helper.conflict,
+        })}
             src=${src}
             alt=""
             @error=${onError}
           />
-          <figcaption class="min-w-0 flex-1 truncate leading-s">
+          <figcaption
+            class=${classMap({
+            'min-w-0 flex-1 truncate leading-s': true,
+            'text-disabled': !!helper.conflict,
+        })}
+          >
             <div class="font-medium">${helper.name}&ZeroWidthSpace;</div>
-            <div class="text-xs text-secondary">${type}</div>
+            <div class="text-xs ${helper.conflict ? '' : 'text-secondary'}">${type}</div>
           </figcaption>
         </figure>
       </button>
@@ -180,20 +203,26 @@ export class PaymentsApiFraudProtectionForm extends Base {
     __renderFraudProtectionConfig() {
         var _a, _b, _c;
         return html `
-      ${this.renderHeader()}
-      <foxy-internal-text-control infer="description"></foxy-internal-text-control>
-      ${((_a = this.form.helper) === null || _a === void 0 ? void 0 : _a.uses_rejection_threshold) ? html `
-            <foxy-internal-integer-control infer="score-threshold-reject">
-            </foxy-internal-integer-control>
-          `
+      <foxy-internal-summary-control infer="general">
+        <foxy-internal-text-control layout="summary-item" infer="description">
+        </foxy-internal-text-control>
+      </foxy-internal-summary-control>
+      <foxy-internal-summary-control infer="setup">
+        ${((_a = this.form.helper) === null || _a === void 0 ? void 0 : _a.uses_rejection_threshold) ? html `
+              <foxy-internal-number-control layout="summary-item" infer="score-threshold-reject">
+              </foxy-internal-number-control>
+            `
             : ''}
-      ${(_c = (_b = this.form.helper) === null || _b === void 0 ? void 0 : _b.json) === null || _c === void 0 ? void 0 : _c.blocks.map(block => this.__renderBlock(block))}
+        ${(_c = (_b = this.form.helper) === null || _b === void 0 ? void 0 : _b.json) === null || _c === void 0 ? void 0 : _c.blocks.map(block => this.__renderBlock(block))}
+      </foxy-internal-summary-control>
       ${super.renderBody()}
     `;
     }
     __renderBlock(block) {
         return html `${block.fields.map(field => {
-            var _a, _b, _c, _d, _e, _f;
+            var _a, _b, _c;
             const getValue = () => {
                 var _a, _b;
                 let config;
@@ -224,21 +253,21 @@ export class PaymentsApiFraudProtectionForm extends Base {
             return html `
         ${field.type === 'checkbox'
                 ? html `
-              <foxy-internal-checkbox-group-control
+              <foxy-internal-switch-control
                 helper-text=${(_a = field.description) !== null && _a !== void 0 ? _a : ''}
-                label=""
+                label=${field.name}
                 infer=${scope}
-                .options=${[{ label: field.name, value: 'checked' }]}
-                .getValue=${() => (getValue() ? ['checked'] : [])}
-                .setValue=${(newValue) => setValue(newValue.includes('checked'))}
+                .getValue=${getValue}
+                .setValue=${setValue}
               >
-              </foxy-internal-checkbox-group-control>
+              </foxy-internal-switch-control>
             `
                 : field.type === 'select'
                     ? html `
               <foxy-internal-select-control
                 helper-text=${(_b = field.description) !== null && _b !== void 0 ? _b : ''}
-                placeholder=${(_e = (_d = (_c = field.options) === null || _c === void 0 ? void 0 : _c.find(o => o.value === field.default_value)) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : this.t('default_additional_field_placeholder')}
+                placeholder=${this.t('default_additional_field_placeholder')}
+                layout="summary-item"
                 label=${field.name}
                 infer=${scope}
                 .options=${options.map(({ name, value }) => ({ label: name, value }))}
@@ -249,8 +278,9 @@ export class PaymentsApiFraudProtectionForm extends Base {
             `
                     : html `
               <foxy-internal-text-control
-                helper-text=${(_f = field.description) !== null && _f !== void 0 ? _f : ''}
+                helper-text=${(_c = field.description) !== null && _c !== void 0 ? _c : ''}
                 placeholder=${field.default_value || this.t('default_additional_field_placeholder')}
+                layout="summary-item"
                 label=${field.name}
                 infer=${scope}
                 .getValue=${getValue}

package/dist/elements/public/PaymentsApiFraudProtectionForm/PaymentsApiFraudProtectionForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaymentsApiFraudProtectionForm.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiFraudProtectionForm/PaymentsApiFraudProtectionForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { AvailableFraudProtections, FraudProtection } from '../PaymentsApi/api/types';\nimport type { Block, Data } from './types';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nimport get from 'lodash-es/get';\nimport set from 'lodash-es/set';\nimport has from 'lodash-es/has';\n\nconst NS = 'payments-api-fraud-protection-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/*\n Form element for the `fx:fraud_protection` resource of Payments API.\n \n _Payments API is a client-side virtual API layer built on top of hAPI\n * in an attempt to streamline access to stores' payment method settings\n * that is currently a bit quirky due to the legacy functionality. To use\n * this element with hAPI, wrap it into a foxy-payments-api node._\n \n @element foxy-payments-api-fraud-protection-form\n * @since 1.21.0\n /\nexport class PaymentsApiFraudProtectionForm extends Base<Data> {\n static get defaultImageSrc(): string {\n return \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 44 44'%3E%3Cpath fill='%23fff' d='M0 20.73v-9.9L10.83 0h9.9L0 20.73ZM0 0h9.41L0 9.41V0Zm0 22.14L22.14 0h9.9l-9.43 9.44-.61-.27-10.5 4.66v7-.29L0 32.04v-9.9Zm11.54-.23L0 33.46v9.9l14.14-14.14a15 15 0 0 1-2.6-7.3Zm3.2 8.12L.77 44h9.9l9.7-9.7a13.75 13.75 0 0 1-5.63-4.27Zm6.67 4.64L12.08 44h9.9L44 21.98v-9.9L32.16 23.92C31.01 29.15 27.05 33.6 22 34.83l-.59-.16Zm11.02-12.43L44 10.67V.77L31.42 13.35l1.08.48v7a13 13 0 0 1-.07 1.4Zm-1.99-9.32L43.35 0h-9.9l-9.87 9.87 6.86 3.05ZM23.4 44 44 23.4v9.9L33.3 44h-9.9Zm11.31 0L44 34.71V44h-9.29Z'/%3E%3Cpath fill='%23fff' d='M30.17 21.99H22V11.72l-8.17 3.63V22H22v10.42c4.34-1.34 7.55-5.63 8.17-10.43Z'/%3E%3C/svg%3E\";\n }\n\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n getImageSrc: { attribute: false },\n };\n }\n\n static get v8n(): NucleonV8N<Data> {\n return [\n ({ description: v }) => !v \|\| v.length <= 100 \|\| 'description:v8n_too_long',\n\n ({ type: v }) => !!v \|\| 'type:v8n_required',\n\n ({ score_threshold_reject: v }) => {\n if (typeof v !== 'number') return true;\n return (v <= 100 && v >= 0) \|\| 'score-threshold-reject:v8n_out_of_range';\n },\n\n form => {\n const blocks = form.helper?.json?.blocks ?? [];\n let json: Record<string, unknown>;\n\n try {\n json = JSON.parse(form.json ?? '{}');\n } catch {\n json = {};\n }\n\n for (const block of blocks) {\n for (const field of block.fields) {\n if ('optional' in (field as Record<string, unknown>)) {\n if (!(field as Record<string, unknown>).optional) {\n const path = [block.parent_id, block.id, field.id].filter(v => !!v);\n if (!has(json, path) && field.type !== 'checkbox') return 'json:v8n_invalid';\n }\n }\n }\n }\n\n return true;\n },\n ];\n }\n\n /* A function that returns a URL of a fraud protection icon based on the given type. */\n getImageSrc: ((type: string) => string) \| null = null;\n\n private readonly __availableFraudProtectionsLoaderId = 'availableFraudProtections';\n\n get hiddenSelector(): BooleanSelector {\n return new BooleanSelector(`header:copy-json ${super.hiddenSelector}`.trimEnd());\n }\n\n get headerTitleOptions(): Record<string, unknown> {\n return { ...this.data, context: this.form.type ?? 'new' };\n }\n\n get headerSubtitleOptions(): Record<string, unknown> {\n return { id: this.headerCopyIdValue };\n }\n\n renderHeader(...params: Parameters<InternalForm<Data>['renderHeader']>): TemplateResult {\n return html`\n <div>\n ${super.renderHeader(...params)}\n ${this.data?.type \|\| !this.form.type\n ? html``\n : html`\n <vaadin-button\n data-testid=\"select-another-button\"\n theme=\"tertiary-inline\"\n @click=${() => this.undo()}\n >\n <foxy-i18n infer=\"\" key=\"select_another_button_label\"></foxy-i18n>\n </vaadin-button>\n `}\n </div>\n `;\n }\n\n renderBody(): TemplateResult {\n return this.form.type\n ? this.__renderFraudProtectionConfig()\n : this.__renderFraudProtectionSelector();\n }\n\n private get __availableFraudProtectionsLoader() {\n type Loader = NucleonElement<AvailableFraudProtections>;\n return this.renderRoot.querySelector<Loader>(`#${this.__availableFraudProtectionsLoaderId}`);\n }\n\n private get __availableFraudProtectionsHref() {\n try {\n const presetIdRegex = /\\/payment_presets\\/(?<presetId>.+)\\//;\n const pathname = new URL(this.href \|\| this.parent).pathname;\n const presetId = presetIdRegex.exec(pathname)!.groups!.presetId;\n const url = new URL(\n `/payment_presets/${presetId}/available_fraud_protections`,\n this.href \|\| this.parent\n );\n\n return url.toString();\n } catch {\n // ignore\n }\n }\n\n private get __availableFraudProtections() {\n return this.__availableFraudProtectionsLoader?.data?.values;\n }\n\n private __renderFraudProtectionSelector() {\n return html`\n ${this.renderHeader()}\n\n <div class=\"grid grid-cols-2 gap-m\" data-testid=\"select-protection-list\">\n ${Object.entries(this.__availableFraudProtections ?? {}).map(([type, helper]) => {\n return this.__renderFraudProtectionButton({ type, helper } as FraudProtection);\n })}\n </div>\n\n <foxy-nucleon\n class=\"hidden\"\n infer=\"\"\n href=${ifDefined(this.__availableFraudProtectionsHref)}\n id=${this.__availableFraudProtectionsLoaderId}\n @update=${() => this.requestUpdate()}\n >\n </foxy-nucleon>\n `;\n }\n\n private __renderFraudProtectionButton({ type, helper }: FraudProtection) {\n const defaultSrc = PaymentsApiFraudProtectionForm.defaultImageSrc;\n const src = this.getImageSrc?.(type) ?? defaultSrc;\n const onError = (evt: Event) => ((evt.currentTarget as HTMLImageElement).src = defaultSrc);\n\n return html`\n <button\n class=\"relative w-full block text-left p-s rounded bg-contrast-5 overflow-hidden transition-colors hover-bg-contrast-10 focus-outline-none focus-ring-2 focus-ring-primary-50\"\n @click=${() => this.edit({ type, helper })}\n >\n <img\n class=\"absolute top-0 left-0 w-1-2 h-full object-cover bg-center filter saturate-200 blur-3xl\"\n style=\"transform: translate3d(0, 0, 0)\"\n src=${src}\n alt=\"\"\n @error=${onError}\n />\n\n <figure class=\"relative flex flex-col gap-m\">\n <img\n class=\"h-m w-m object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs\"\n src=${src}\n alt=\"\"\n @error=${onError}\n />\n\n <figcaption class=\"min-w-0 flex-1 truncate leading-s\">\n <div class=\"font-medium\">${helper.name}&ZeroWidthSpace;</div>\n <div class=\"text-xs text-secondary\">${type}</div>\n </figcaption>\n </figure>\n </button>\n `;\n }\n\n private __renderFraudProtectionConfig() {\n return html`\n ${this.renderHeader()}\n <foxy-internal-text-control infer=\"description\"></foxy-internal-text-control>\n ${this.form.helper?.uses_rejection_threshold\n ? html`\n <foxy-internal-integer-control infer=\"score-threshold-reject\">\n </foxy-internal-integer-control>\n `\n : ''}\n ${this.form.helper?.json?.blocks.map(block => this.__renderBlock(block))}\n ${super.renderBody()}\n `;\n }\n\n private __renderBlock(block: Block) {\n return html`${block.fields.map(field => {\n const getValue = () => {\n let config: any;\n\n try {\n config = JSON.parse(this.form.json ?? '');\n } catch {\n config = {};\n }\n\n const path = [block.parent_id, block.id, field.id].filter(v => !!v);\n return get(config, path) ?? config.default_value;\n };\n\n const setValue = (newValue: unknown) => {\n let config: any;\n\n try {\n config = JSON.parse(this.form.json ?? '');\n } catch {\n config = {};\n }\n\n const path = [block.parent_id, block.id, field.id].filter(v => !!v);\n this.edit({ json: JSON.stringify(set(config, path, newValue)) });\n };\n\n type Option = { name: string; value: string };\n const options = (field as { options?: Option[] }).options;\n const path = [block.parent_id, block.id, field.id].filter(v => !!v);\n const scope = ['json', ...path].join('-').replace(/_/g, '-');\n\n return html`\n ${field.type === 'checkbox'\n ? html`\n <foxy-internal-checkbox-group-control\n helper-text=${field.description ?? ''}\n label=\"\"\n infer=${scope}\n .options=${[{ label: field.name, value: 'checked' }]}\n .getValue=${() => (getValue() ? ['checked'] : [])}\n .setValue=${(newValue: string[]) => setValue(newValue.includes('checked'))}\n >\n </foxy-internal-checkbox-group-control>\n `\n : field.type === 'select'\n ? html`\n <foxy-internal-select-control\n helper-text=${field.description ?? ''}\n placeholder=${field.options?.find(o => o.value === field.default_value)?.name ??\n this.t('default_additional_field_placeholder')}\n label=${field.name}\n infer=${scope}\n .options=${options!.map(({ name, value }) => ({ label: name, value }))}\n .getValue=${getValue}\n .setValue=${setValue}\n >\n </foxy-internal-select-control>\n `\n : html`\n <foxy-internal-text-control\n helper-text=${field.description ?? ''}\n placeholder=${field.default_value \|\| this.t('default_additional_field_placeholder')}\n label=${field.name}\n infer=${scope}\n .getValue=${getValue}\n .setValue=${setValue}\n >\n </foxy-internal-text-control>\n `}\n `;\n })}`;\n }\n}\n"]}
1	+ {"version":3,"file":"PaymentsApiFraudProtectionForm.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiFraudProtectionForm/PaymentsApiFraudProtectionForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { AvailableFraudProtections, FraudProtection } from '../PaymentsApi/api/types';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { Block, Data } from './types';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nimport get from 'lodash-es/get';\nimport set from 'lodash-es/set';\nimport has from 'lodash-es/has';\n\nconst NS = 'payments-api-fraud-protection-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/*\n Form element for the `fx:fraud_protection` resource of Payments API.\n \n _Payments API is a client-side virtual API layer built on top of hAPI\n * in an attempt to streamline access to stores' payment method settings\n * that is currently a bit quirky due to the legacy functionality. To use\n * this element with hAPI, wrap it into a foxy-payments-api node._\n \n @element foxy-payments-api-fraud-protection-form\n * @since 1.21.0\n /\nexport class PaymentsApiFraudProtectionForm extends Base<Data> {\n static get defaultImageSrc(): string {\n return \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 44 44'%3E%3Cpath fill='%23fff' d='M0 20.73v-9.9L10.83 0h9.9L0 20.73ZM0 0h9.41L0 9.41V0Zm0 22.14L22.14 0h9.9l-9.43 9.44-.61-.27-10.5 4.66v7-.29L0 32.04v-9.9Zm11.54-.23L0 33.46v9.9l14.14-14.14a15 15 0 0 1-2.6-7.3Zm3.2 8.12L.77 44h9.9l9.7-9.7a13.75 13.75 0 0 1-5.63-4.27Zm6.67 4.64L12.08 44h9.9L44 21.98v-9.9L32.16 23.92C31.01 29.15 27.05 33.6 22 34.83l-.59-.16Zm11.02-12.43L44 10.67V.77L31.42 13.35l1.08.48v7a13 13 0 0 1-.07 1.4Zm-1.99-9.32L43.35 0h-9.9l-9.87 9.87 6.86 3.05ZM23.4 44 44 23.4v9.9L33.3 44h-9.9Zm11.31 0L44 34.71V44h-9.29Z'/%3E%3Cpath fill='%23fff' d='M30.17 21.99H22V11.72l-8.17 3.63V22H22v10.42c4.34-1.34 7.55-5.63 8.17-10.43Z'/%3E%3C/svg%3E\";\n }\n\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n getImageSrc: { attribute: false },\n };\n }\n\n static get v8n(): NucleonV8N<Data> {\n return [\n ({ description: v }) => !v \|\| v.length <= 100 \|\| 'description:v8n_too_long',\n\n ({ type: v }) => !!v \|\| 'type:v8n_required',\n\n ({ score_threshold_reject: v }) => {\n if (typeof v !== 'number') return true;\n return (v <= 100 && v >= 0) \|\| 'score-threshold-reject:v8n_out_of_range';\n },\n\n form => {\n const blocks = form.helper?.json?.blocks ?? [];\n let json: Record<string, unknown>;\n\n try {\n json = JSON.parse(form.json ?? '{}');\n } catch {\n json = {};\n }\n\n for (const block of blocks) {\n for (const field of block.fields) {\n if ('optional' in (field as Record<string, unknown>)) {\n if (!(field as Record<string, unknown>).optional) {\n const path = [block.parent_id, block.id, field.id].filter(v => !!v);\n if (!has(json, path) && field.type !== 'checkbox') return 'json:v8n_invalid';\n }\n }\n }\n }\n\n return true;\n },\n ];\n }\n\n /* A function that returns a URL of a fraud protection icon based on the given type. */\n getImageSrc: ((type: string) => string) \| null = null;\n\n private readonly __availableFraudProtectionsLoaderId = 'availableFraudProtections';\n\n get hiddenSelector(): BooleanSelector {\n return new BooleanSelector(`header:copy-json ${super.hiddenSelector}`.trimEnd());\n }\n\n get headerTitleOptions(): Record<string, unknown> {\n return { ...this.data, context: this.form.type ?? 'new' };\n }\n\n get headerSubtitleOptions(): Record<string, unknown> {\n return { id: this.headerCopyIdValue };\n }\n\n renderHeader(...params: Parameters<InternalForm<Data>['renderHeader']>): TemplateResult {\n return html`\n <div>\n ${super.renderHeader(...params)}\n ${this.data?.type \|\| !this.form.type\n ? html``\n : html`\n <vaadin-button\n data-testid=\"select-another-button\"\n theme=\"tertiary-inline\"\n @click=${() => this.undo()}\n >\n <foxy-i18n infer=\"\" key=\"select_another_button_label\"></foxy-i18n>\n </vaadin-button>\n `}\n </div>\n `;\n }\n\n renderBody(): TemplateResult {\n const loaders = html`\n <foxy-nucleon\n class=\"hidden\"\n infer=\"\"\n href=${ifDefined(this.__availableFraudProtectionsHref)}\n id=${this.__availableFraudProtectionsLoaderId}\n @update=${() => this.requestUpdate()}\n >\n </foxy-nucleon>\n `;\n\n return html`${this.renderHeader()}${this.form.type\n ? this.__renderFraudProtectionConfig()\n : this.__renderFraudProtectionSelector()}${loaders}`;\n }\n\n private get __availableFraudProtectionsLoader() {\n type Loader = NucleonElement<AvailableFraudProtections>;\n return this.renderRoot.querySelector<Loader>(`#${this.__availableFraudProtectionsLoaderId}`);\n }\n\n private get __availableFraudProtectionsHref() {\n try {\n const presetIdRegex = /\\/payment_presets\\/(?<presetId>.+)\\//;\n const pathname = new URL(this.href \|\| this.parent).pathname;\n const presetId = presetIdRegex.exec(pathname)!.groups!.presetId;\n const url = new URL(\n `/payment_presets/${presetId}/available_fraud_protections`,\n this.href \|\| this.parent\n );\n\n return url.toString();\n } catch {\n // ignore\n }\n }\n\n private get __availableFraudProtections() {\n return this.__availableFraudProtectionsLoader?.data?.values;\n }\n\n private __renderFraudProtectionSelector() {\n const loader = this.__availableFraudProtectionsLoader;\n\n return html`\n ${loader?.data\n ? html`\n <div class=\"grid grid-cols-2 gap-m\" data-testid=\"select-protection-list\">\n ${Object.entries(this.__availableFraudProtections ?? {}).map(([type, helper]) => {\n return this.__renderFraudProtectionButton({ type, helper } as FraudProtection);\n })}\n </div>\n `\n : html`\n <foxy-spinner infer=\"list-spinner\" state=${loader?.in('fail') ? 'error' : 'busy'}>\n </foxy-spinner>\n `}\n `;\n }\n\n private __renderFraudProtectionButton({ type, helper }: FraudProtection) {\n const defaultSrc = PaymentsApiFraudProtectionForm.defaultImageSrc;\n const src = this.getImageSrc?.(type) ?? defaultSrc;\n const onError = (evt: Event) => ((evt.currentTarget as HTMLImageElement).src = defaultSrc);\n\n return html`\n <button\n class=${classMap({\n 'relative w-full block text-left p-s rounded bg-contrast-5 overflow-hidden': true,\n 'focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n 'transition-colors hover-bg-contrast-10': !helper.conflict,\n 'cursor-default': !!helper.conflict,\n })}\n ?disabled=${!!helper.conflict}\n title=${ifDefined(helper.conflict ? this.t('conflict_message') : void 0)}\n @click=${() => this.edit({ type, helper })}\n >\n <img\n class=\"absolute top-0 left-0 w-1-2 h-full object-cover bg-center filter saturate-200 blur-3xl\"\n style=\"transform: translate3d(0, 0, 0)\"\n src=${src}\n alt=\"\"\n ?hidden=${!!helper.conflict}\n @error=${onError}\n />\n\n <figure class=\"relative flex flex-col gap-m\">\n <img\n class=${classMap({\n 'h-m w-m object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs': true,\n 'filter grayscale': !!helper.conflict,\n })}\n src=${src}\n alt=\"\"\n @error=${onError}\n />\n\n <figcaption\n class=${classMap({\n 'min-w-0 flex-1 truncate leading-s': true,\n 'text-disabled': !!helper.conflict,\n })}\n >\n <div class=\"font-medium\">${helper.name}&ZeroWidthSpace;</div>\n <div class=\"text-xs ${helper.conflict ? '' : 'text-secondary'}\">${type}</div>\n </figcaption>\n </figure>\n </button>\n `;\n }\n\n private __renderFraudProtectionConfig() {\n return html`\n <foxy-internal-summary-control infer=\"general\">\n <foxy-internal-text-control layout=\"summary-item\" infer=\"description\">\n </foxy-internal-text-control>\n </foxy-internal-summary-control>\n\n <foxy-internal-summary-control infer=\"setup\">\n ${this.form.helper?.uses_rejection_threshold\n ? html`\n <foxy-internal-number-control layout=\"summary-item\" infer=\"score-threshold-reject\">\n </foxy-internal-number-control>\n `\n : ''}\n ${this.form.helper?.json?.blocks.map(block => this.__renderBlock(block))}\n </foxy-internal-summary-control>\n\n ${super.renderBody()}\n `;\n }\n\n private __renderBlock(block: Block) {\n return html`${block.fields.map(field => {\n const getValue = () => {\n let config: any;\n\n try {\n config = JSON.parse(this.form.json ?? '');\n } catch {\n config = {};\n }\n\n const path = [block.parent_id, block.id, field.id].filter(v => !!v);\n return get(config, path) ?? config.default_value;\n };\n\n const setValue = (newValue: unknown) => {\n let config: any;\n\n try {\n config = JSON.parse(this.form.json ?? '');\n } catch {\n config = {};\n }\n\n const path = [block.parent_id, block.id, field.id].filter(v => !!v);\n this.edit({ json: JSON.stringify(set(config, path, newValue)) });\n };\n\n type Option = { name: string; value: string };\n const options = (field as { options?: Option[] }).options;\n const path = [block.parent_id, block.id, field.id].filter(v => !!v);\n const scope = ['json', ...path].join('-').replace(/_/g, '-');\n\n return html`\n ${field.type === 'checkbox'\n ? html`\n <foxy-internal-switch-control\n helper-text=${field.description ?? ''}\n label=${field.name}\n infer=${scope}\n .getValue=${getValue}\n .setValue=${setValue}\n >\n </foxy-internal-switch-control>\n `\n : field.type === 'select'\n ? html`\n <foxy-internal-select-control\n helper-text=${field.description ?? ''}\n placeholder=${this.t('default_additional_field_placeholder')}\n layout=\"summary-item\"\n label=${field.name}\n infer=${scope}\n .options=${options!.map(({ name, value }) => ({ label: name, value }))}\n .getValue=${getValue}\n .setValue=${setValue}\n >\n </foxy-internal-select-control>\n `\n : html`\n <foxy-internal-text-control\n helper-text=${field.description ?? ''}\n placeholder=${field.default_value \|\| this.t('default_additional_field_placeholder')}\n layout=\"summary-item\"\n label=${field.name}\n infer=${scope}\n .getValue=${getValue}\n .setValue=${setValue}\n >\n </foxy-internal-text-control>\n `}\n `;\n })}`;\n }\n}\n"]}

package/dist/elements/public/PaymentsApiFraudProtectionForm/index.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import '@vaadin/vaadin-button';
-import '../../internal/InternalCheckboxGroupControl/index';
-import '../../internal/InternalIntegerControl/index';
+import '../../internal/InternalSummaryControl/index';
+import '../../internal/InternalSwitchControl/index';
+import '../../internal/InternalNumberControl/index';
 import '../../internal/InternalSelectControl/index';
 import '../../internal/InternalTextControl/index';
 import '../../internal/InternalForm/index';

package/dist/elements/public/PaymentsApiFraudProtectionForm/index.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import '@vaadin/vaadin-button';
-import "../../internal/InternalCheckboxGroupControl/index.js";
-import "../../internal/InternalIntegerControl/index.js";
+import "../../internal/InternalSummaryControl/index.js";
+import "../../internal/InternalSwitchControl/index.js";
+import "../../internal/InternalNumberControl/index.js";
 import "../../internal/InternalSelectControl/index.js";
 import "../../internal/InternalTextControl/index.js";
 import "../../internal/InternalForm/index.js";

package/dist/elements/public/PaymentsApiFraudProtectionForm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiFraudProtectionForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,~~8DAA2D;AAC3D,~~wDAAqD;AACrD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,oCAAiC;AACjC,0BAAuB;AAEvB,OAAO,EAAE,8BAA8B,EAAE,4CAAyC;AAElF,cAAc,CAAC,MAAM,CAAC,yCAAyC,EAAE,8BAA8B,CAAC,CAAC;AAEjG,OAAO,EAAE,8BAA8B,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\n\nimport '../../internal/~~InternalCheckboxGroupControl~~/index';\nimport '../../internal/~~InternalIntegerControl~~/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../NucleonElement/index';\nimport '../I18n/index';\n\nimport { PaymentsApiFraudProtectionForm } from './PaymentsApiFraudProtectionForm';\n\ncustomElements.define('foxy-payments-api-fraud-protection-form', PaymentsApiFraudProtectionForm);\n\nexport { PaymentsApiFraudProtectionForm };\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiFraudProtectionForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,wDAAqD;AACrD,uDAAoD;AACpD,uDAAoD;AACpD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,oCAAiC;AACjC,0BAAuB;AAEvB,OAAO,EAAE,8BAA8B,EAAE,4CAAyC;AAElF,cAAc,CAAC,MAAM,CAAC,yCAAyC,EAAE,8BAA8B,CAAC,CAAC;AAEjG,OAAO,EAAE,8BAA8B,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\n\nimport '../../internal/InternalSummaryControl/index';\nimport '../../internal/InternalSwitchControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../NucleonElement/index';\nimport '../I18n/index';\n\nimport { PaymentsApiFraudProtectionForm } from './PaymentsApiFraudProtectionForm';\n\ncustomElements.define('foxy-payments-api-fraud-protection-form', PaymentsApiFraudProtectionForm);\n\nexport { PaymentsApiFraudProtectionForm };\n"]}

package/dist/elements/public/PaymentsApiPaymentMethodForm/PaymentsApiPaymentMethodForm.d.ts CHANGED Viewed

@@ -22,16 +22,20 @@ export declare class PaymentsApiPaymentMethodForm extends Base<Data> {
     static get defaultImageSrc(): string;
     static get properties(): PropertyDeclarations;
     static get v8n(): NucleonV8N<Data>;
+    /** URL of the linked `fx:payment_preset` resource from the virtual Payments API. */
+    paymentPreset: string | null;
     /** A function that returns a URL of a payment method icon based on the given type. */
     getImageSrc: ((type: string) => string) | null;
+    /** URL of the linked `fx:store` resource. */
+    store: string | null;
     private readonly __availablePaymentMethodsLoaderId;
+    private readonly __paymentPresetLoaderId;
+    private readonly __storeLoaderId;
     private readonly __threeDSecureResponseGetValue;
     private readonly __threeDSecureResponseSetValue;
-    private readonly __threeDSecureResponseOptions;
     private readonly __threeDSecureToggleGetValue;
     private readonly __threeDSecureToggleSetValue;
     private readonly __threeDSecureToggleOptions;
-    private __tab;
     get hiddenSelector(): BooleanSelector;
     renderHeader(...params: Parameters<InternalForm<Data>['renderHeader']>): TemplateResult;
     get headerTitleOptions(): Record<string, unknown>;
@@ -40,8 +44,9 @@ export declare class PaymentsApiPaymentMethodForm extends Base<Data> {
     renderBody(): TemplateResult;
     private get __groupedAvailablePaymentMethods();
     private get __availablePaymentMethodsLoader();
-    private get __availablePaymentMethodsHref();
     private get __availablePaymentMethods();
+    private get __paymentPresetLoader();
+    private get __storeLoader();
     private get __liveBlocks();
     private get __testBlocks();
     private __renderPaymentMethodSelector;