@foxy.io/elements 1.26.0 → 1.27.0-beta.2

package/dist/cdn/foxy-native-integration-form.js

@@ -1 +1 @@
-import"./shared-d2dc8486.js";import"./shared-1f8ae298.js";import"./shared-d7910e16.js";import"./shared-51318b75.js";import"./shared-aa4f6a25.js";import"./shared-f7365ea5.js";import{I as e}from"./shared-6d34289d.js";import{m as t,B as r,_ as o}from"./shared-1522d76f.js";import{a as i}from"./shared-550f9cae.js";import{h as a}from"./shared-7f33a83a.js";import"./shared-4721aeb1.js";import"./shared-d28b95c6.js";import"./shared-1c07b1be.js";import"./shared-61ade33e.js";import"./shared-2d40129d.js";import"./shared-ac62d098.js";import"./shared-902b0773.js";import"./shared-9f039798.js";import"./shared-a502026c.js";import"./shared-f9180815.js";import"./shared-8d51eaa6.js";import"./shared-343d1fd7.js";import"./shared-30cbf0a6.js";import"./shared-b23c903e.js";import"./shared-d3bf9ac0.js";import"./shared-6a7f96c4.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-4e709717.js";import"./shared-d519a301.js";import"./shared-f3b35364.js";import"./shared-11c2efc8.js";import"./shared-ee54f718.js";import"./shared-533c0d6a.js";import"./shared-cadbb2e3.js";import"./shared-2787655b.js";import"./shared-c37707da.js";import"./foxy-spinner.js";import"./shared-31b7a6ad.js";const n={service:"legacy_xml",version:1,events:["transaction/created"],title:"",url:""},l={encryption_key:"",service:"json",version:1,events:[],title:"",url:""},s={part_number_product_option:"",product_order_priority:"",calling_system_number:"",external_company_id:"",audit_settings:"never",company_role:"B",service_url:"",host_system:"",from_city:""},_={category_to_product_tax_code_mappings:{},enable_colorado_delivery_fee:!1,address_validation_countries:[],use_address_validation:!1,create_invoice:!1,company_code:"",service_url:"",use_ava_tax:!1,key:"",id:""},c={inventory_field_name:"",inventory_field_id:"",collection_name:"",sku_field_name:"",collection_id:"",sku_field_id:"",site_name:"",service:"webflow",version:1,site_id:"",events:["transaction/created"],auth:""},d={service:"zapier",events:[],url:""},u={category_to_product_tax_code_mappings:{},create_invoice:!1,api_token:""};let f,p,v,g,h,y,x,m,b,w,C,V,$,k,F=e=>e;const j=i(e,"native-integration-form");class S extends j{constructor(){super(...arguments),this.templates={},this.__createConfigGetterFor=t((e=>()=>{var t;return null===(t=this.__config)||void 0===t?void 0:t[e]})),this.__createConfigSetterFor=t((e=>t=>this.__config={[e]:t})),this.__providerGetValue=()=>{var e;return null!==(e=this.form.provider)&&void 0!==e?e:"avalara"},this.__providerSetValue=e=>{this.edit({provider:e,config:"{}"}),this.__config={}},this.__templateProviderOptions=[{value:"avalara",label:"option_avalara"},{value:"onesource",label:"option_onesource"},{value:"taxjar",label:"option_taxjar"},{value:"webflow",label:"option_webflow"}],this.__avalaraConfigOptions=[{value:"use_ava_tax",label:"option_use_ava_tax"},{value:"enable_colorado_delivery_fee",label:"option_enable_colorado_delivery_fee"},{value:"create_invoice",label:"option_create_invoice"},{value:"use_address_validation",label:"option_use_address_validation"}],this.__taxjarConfigOptions=[{value:"create_invoice",label:"option_create_invoice"}],this.__configOptionsGetValue=()=>{const e=this.__config,t=[];return(null==e?void 0:e.enable_colorado_delivery_fee)&&t.push("enable_colorado_delivery_fee"),(null==e?void 0:e.use_address_validation)&&t.push("use_address_validation"),(null==e?void 0:e.create_invoice)&&t.push("create_invoice"),(null==e?void 0:e.use_ava_tax)&&t.push("use_ava_tax"),t},this.__configOptionsSetValue=e=>{this.__config={enable_colorado_delivery_fee:e.includes("enable_colorado_delivery_fee"),use_address_validation:e.includes("use_address_validation"),create_invoice:e.includes("create_invoice"),use_ava_tax:e.includes("use_ava_tax")}},this.__avalaraAddressValidationCountriesOptions=[{value:"US",label:"option_US"},{value:"CA",label:"option_CA"}],this.__codeMappingsGetValue=()=>{var e,t;const r=null!==(t=null===(e=this.__config)||void 0===e?void 0:e.category_to_product_tax_code_mappings)&&void 0!==t?t:{};return Object.entries(r).map((([e,t])=>({value:`${e}:${t}`})))},this.__codeMappingsSetValue=e=>{const t={};for(const{value:r}of e){const[e,o]=r.split(":");e&&o&&(t[e]=o)}this.__config={category_to_product_tax_code_mappings:t}},this.__onesourceCompanyRoleOptions=[{value:"B",label:"option_buyer"},{value:"M",label:"option_middleman"},{value:"S",label:"option_seller"}],this.__onesourceProductOrderPriorityGetValue=()=>{var e,t;return(null!==(t=null===(e=this.__config)||void 0===e?void 0:e.product_order_priority.split(","))&&void 0!==t?t:[]).filter((e=>!!e)).map((e=>({value:e})))},this.__onesourceProductOrderPrioritySetValue=e=>{this.__config={product_order_priority:e.map((e=>e.value)).join(",")}},this.__onesourceAuditSettingsOptions=[{value:"capture_only",label:"option_capture_only"},{value:"auth_and_capture",label:"option_auth_and_capture"},{value:"never",label:"option_never"}],this.__webhookServiceOptions=[{value:"json",label:"option_json"},{value:"legacy_xml",label:"option_legacy_xml"}],this.__webhookJsonEventsOptions=[{value:"transaction/created",label:"option_transaction_created"},{value:"subscription/cancelled",label:"option_subscription_cancelled"}]}static get v8n(){const e=t(JSON.parse),r=t((e=>{try{return Boolean(new URL(e))}catch(e){return!1}}));return[({provider:t="avalara",config:o="{}"})=>{const i=e(o).service_url,a=i?r(i)?null:"v8n_invalid":"v8n_required";return"avalara"!==t||!a||`avalara-service-url:${a}`},({provider:t="avalara",config:r="{}"})=>"avalara"!==t||!!e(r).id||"avalara-id:v8n_required",({provider:t="avalara",config:r="{}"})=>"avalara"!==t||!!e(r).key||"avalara-key:v8n_required",({provider:t="avalara",config:r="{}"})=>"avalara"!==t||!!e(r).company_code||"avalara-company-code:v8n_required",({provider:t="avalara",config:r="{}"})=>{if("avalara"!==t)return!0;const o=e(r).category_to_product_tax_code_mappings;return o&&Object.entries(o).length>0||"avalara-category-to-product-tax-code-mappings:v8n_required"},({provider:t="avalara",config:r="{}"})=>"taxjar"!==t||!!e(r).api_token||"taxjar-api-token:v8n_required",({provider:t="avalara",config:o="{}"})=>{const i=e(o).service_url,a=i?r(i)?null:"v8n_invalid":"v8n_required";return"onesource"!==t||!a||`onesource-service-url:${a}`},({provider:t="avalara",config:r="{}"})=>"onesource"!==t||!!e(r).external_company_id||"onesource-external-company-id:v8n_required",({provider:t="avalara",config:r="{}"})=>"onesource"!==t||!!e(r).calling_system_number||"onesource-calling-system-number:v8n_required",({provider:t="avalara",config:r="{}"})=>"onesource"!==t||!!e(r).from_city||"onesource-from-city:v8n_required",({provider:t="avalara",config:r="{}"})=>"onesource"!==t||!!e(r).host_system||"onesource-host-system:v8n_required",({provider:t="avalara",config:r="{}"})=>{const{service:o,title:i}=e(r);return"webhook"!==t||"json"!==o||!!i||"webhook-json-title:v8n_required"},({provider:t="avalara",config:r="{}"})=>{const{service:o,encryption_key:i}=e(r);return"webhook"!==t||"json"!==o||!!i||"webhook-json-encryption-key:v8n_required"},({provider:t="avalara",config:o="{}"})=>{const{service:i,url:a}=e(o),n=a?r(a)?null:"v8n_invalid":"v8n_required";return"webhook"!==t||"json"!==i||!n||`webhook-json-url:${n}`},({provider:t="avalara",config:r="{}"})=>{const{service:o,title:i}=e(r);return"webhook"!==t||"legacy_xml"!==o||!!i||"webhook-legacy-xml-title:v8n_required"},({provider:t="avalara",config:o="{}"})=>{const{service:i,url:a}=e(o),n=a?r(a)?null:"v8n_invalid":"v8n_required";return"webhook"!==t||"legacy_xml"!==i||!n||`webhook-legacy-xml-url:${n}`},({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).site_id||"webflow-site-id:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).site_name||"webflow-site-name:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).collection_id||"webflow-collection-id:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).collection_name||"webflow-collection-name:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).sku_field_id||"webflow-sku-field-id:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).sku_field_name||"webflow-sku-field-name:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).inventory_field_id||"webflow-inventory-field-id:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).inventory_field_name||"webflow-inventory-field-name:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).auth||"webflow-auth:v8n_required"]}get readonlySelector(){const e=[super.readonlySelector.toString()];return this.href&&e.push("apple-pay-merchant-id","custom-tax-url","zapier-events","zapier-url","provider"),new r(e.join(" ").trim())}renderBody(){var e;const t=null!==(e=this.form.provider)&&void 0!==e?e:"avalara";return a(f||(f=F` ${0} ${0} ${0} `),this.href?"webhook"===t?"":a(p||(p=F`<foxy-internal-text-control infer="provider"></foxy-internal-text-control>`)):a(v||(v=F` <foxy-internal-radio-group-control infer="provider" theme="vertical" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-radio-group-control> `),this.__providerGetValue,this.__providerSetValue,this.__templateProviderOptions),"avalara"===t?this.__renderAvalaraConfig():"taxjar"===t?this.__renderTaxJarConfig():"onesource"===t?this.__renderOneSourceConfig():"webflow"===t?this.__renderWebflowConfig():"zapier"===t?this.__renderZapierConfig():"webhook"===t?this.__renderWebhookConfig():"apple_pay"===t?this.__renderApplePayConfig():"custom_tax"===t?this.__renderCustomTaxConfig():"",super.renderBody())}async _fetch(...e){try{return await super._fetch(...e)}catch(e){let t;try{t=(await e.json())._embedded["fx:errors"][0].message}catch(t){throw e}throw t.includes("has already been configured")?["error:already_configured"]:e}}get __config(){try{return JSON.parse(this.form.config)}catch(e){return null}}set __config(e){var t;const r=this.__config,i=null!==(t=this.form.provider)&&void 0!==t?t:"avalara",a="avalara"===i?_:"taxjar"===i?u:"onesource"===i?s:"webflow"===i?c:"zapier"===i?d:"webhook"===i?"legacy_xml"===(null==r?void 0:r.service)?n:l:void 0,f=JSON.stringify(o(o(o({},a),r),e));this.edit({provider:i,config:f})}__renderAvalaraConfig(){var e;return a(g||(g=F` <foxy-internal-text-control infer="avalara-service-url" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="avalara-id" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-password-control infer="avalara-key" .getValue="${0}" .setValue="${0}"> </foxy-internal-password-control> <foxy-internal-text-control infer="avalara-company-code" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-editable-list-control infer="avalara-category-to-product-tax-code-mappings" .getValue="${0}" .setValue="${0}"> </foxy-internal-editable-list-control> <foxy-internal-checkbox-group-control infer="avalara-options" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-checkbox-group-control> ${0} `),this.__createConfigGetterFor("service_url"),this.__createConfigSetterFor("service_url"),this.__createConfigGetterFor("id"),this.__createConfigSetterFor("id"),this.__createConfigGetterFor("key"),this.__createConfigSetterFor("key"),this.__createConfigGetterFor("company_code"),this.__createConfigSetterFor("company_code"),this.__codeMappingsGetValue,this.__codeMappingsSetValue,this.__configOptionsGetValue,this.__configOptionsSetValue,this.__avalaraConfigOptions,(null===(e=this.__config)||void 0===e?void 0:e.use_address_validation)?a(h||(h=F` <foxy-internal-checkbox-group-control infer="avalara-address-validation-countries" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-checkbox-group-control> `),this.__createConfigGetterFor("address_validation_countries"),this.__createConfigSetterFor("address_validation_countries"),this.__avalaraAddressValidationCountriesOptions):"")}__renderTaxJarConfig(){return a(y||(y=F` <foxy-internal-password-control infer="taxjar-api-token" .getValue="${0}" .setValue="${0}"> </foxy-internal-password-control> <foxy-internal-editable-list-control infer="taxjar-category-to-product-tax-code-mappings" .getValue="${0}" .setValue="${0}"> </foxy-internal-editable-list-control> <foxy-internal-checkbox-group-control infer="taxjar-options" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-checkbox-group-control> `),this.__createConfigGetterFor("api_token"),this.__createConfigSetterFor("api_token"),this.__codeMappingsGetValue,this.__codeMappingsSetValue,this.__configOptionsGetValue,this.__configOptionsSetValue,this.__taxjarConfigOptions)}__renderOneSourceConfig(){return a(x||(x=F` <foxy-internal-text-control infer="onesource-service-url" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="onesource-external-company-id" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="onesource-calling-system-number" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="onesource-from-city" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="onesource-host-system" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-radio-group-control infer="onesource-company-role" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-radio-group-control> <foxy-internal-text-control infer="onesource-part-number-product-option" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-editable-list-control infer="onesource-product-order-priority" .getValue="${0}" .setValue="${0}"> </foxy-internal-editable-list-control> <foxy-internal-radio-group-control infer="onesource-audit-settings" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-radio-group-control> `),this.__createConfigGetterFor("service_url"),this.__createConfigSetterFor("service_url"),this.__createConfigGetterFor("external_company_id"),this.__createConfigSetterFor("external_company_id"),this.__createConfigGetterFor("calling_system_number"),this.__createConfigSetterFor("calling_system_number"),this.__createConfigGetterFor("from_city"),this.__createConfigSetterFor("from_city"),this.__createConfigGetterFor("host_system"),this.__createConfigSetterFor("host_system"),this.__createConfigGetterFor("company_role"),this.__createConfigSetterFor("company_role"),this.__onesourceCompanyRoleOptions,this.__createConfigGetterFor("part_number_product_option"),this.__createConfigSetterFor("part_number_product_option"),this.__onesourceProductOrderPriorityGetValue,this.__onesourceProductOrderPrioritySetValue,this.__createConfigGetterFor("audit_settings"),this.__createConfigSetterFor("audit_settings"),this.__onesourceAuditSettingsOptions)}__renderWebhookConfig(){var e,t;return a(m||(m=F` <p style="padding:calc(.625em + (var(--lumo-border-radius)/ 4) - 1px)" class="rounded bg-error-10 text-error font-medium"> <foxy-i18n infer="webhook-warning" key="warning_text"></foxy-i18n> <br> <br> <a target="_blank" class="text-body rounded hover-underline hover-cursor-pointer focus-outline-none focus-ring-2 focus-ring-error-50" lang="en" rel="noopener" href="https://www.foxy.io/blog/new-feature-json-webhook/"> <foxy-i18n infer="webhook-warning" key="link_text"></foxy-i18n> </a> </p> ${0} `),"json"===(null===(e=this.__config)||void 0===e?void 0:e.service)?this.__renderWebhookJsonConfig():"legacy_xml"===(null===(t=this.__config)||void 0===t?void 0:t.service)?this.__renderWebhookLegacyXmlConfig():"")}__renderWebhookJsonConfig(){return a(b||(b=F` <foxy-internal-text-control infer="webhook-json-title" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-area-control infer="webhook-json-url" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-area-control> <foxy-internal-radio-group-control infer="webhook-service" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-radio-group-control> <foxy-internal-checkbox-group-control infer="webhook-json-events" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-checkbox-group-control> <foxy-internal-password-control infer="webhook-json-encryption-key" .getValue="${0}" .setValue="${0}"> </foxy-internal-password-control> `),this.__createConfigGetterFor("title"),this.__createConfigSetterFor("title"),this.__createConfigGetterFor("url"),this.__createConfigSetterFor("url"),this.__createConfigGetterFor("service"),this.__createConfigSetterFor("service"),this.__webhookServiceOptions,this.__createConfigGetterFor("events"),this.__createConfigSetterFor("events"),this.__webhookJsonEventsOptions,this.__createConfigGetterFor("encryption_key"),this.__createConfigSetterFor("encryption_key"))}__renderWebhookLegacyXmlConfig(){return a(w||(w=F` <foxy-internal-text-control infer="webhook-legacy-xml-title" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-area-control infer="webhook-legacy-xml-url" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-area-control> <foxy-internal-radio-group-control infer="webhook-service" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-radio-group-control> `),this.__createConfigGetterFor("title"),this.__createConfigSetterFor("title"),this.__createConfigGetterFor("url"),this.__createConfigSetterFor("url"),this.__createConfigGetterFor("service"),this.__createConfigSetterFor("service"),this.__webhookServiceOptions)}__renderWebflowConfig(){return a(C||(C=F` <div class="grid grid-cols-2 gap-m"> <foxy-internal-text-control infer="webflow-site-id" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="webflow-site-name" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="webflow-collection-id" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="webflow-collection-name" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="webflow-sku-field-id" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="webflow-sku-field-name" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="webflow-inventory-field-id" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="webflow-inventory-field-name" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> </div> <foxy-internal-password-control infer="webflow-auth" .getValue="${0}" .setValue="${0}"> </foxy-internal-password-control> `),this.__createConfigGetterFor("site_id"),this.__createConfigSetterFor("site_id"),this.__createConfigGetterFor("site_name"),this.__createConfigSetterFor("site_name"),this.__createConfigGetterFor("collection_id"),this.__createConfigSetterFor("collection_id"),this.__createConfigGetterFor("collection_name"),this.__createConfigSetterFor("collection_name"),this.__createConfigGetterFor("sku_field_id"),this.__createConfigSetterFor("sku_field_id"),this.__createConfigGetterFor("sku_field_name"),this.__createConfigSetterFor("sku_field_name"),this.__createConfigGetterFor("inventory_field_id"),this.__createConfigSetterFor("inventory_field_id"),this.__createConfigGetterFor("inventory_field_name"),this.__createConfigSetterFor("inventory_field_name"),this.__createConfigGetterFor("auth"),this.__createConfigSetterFor("auth"))}__renderZapierConfig(){return a(V||(V=F` <foxy-internal-editable-list-control infer="zapier-events" .getValue="${0}" .setValue="${0}"> </foxy-internal-editable-list-control> <foxy-internal-text-area-control infer="zapier-url" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-area-control> <p class="text-xs text-secondary leading-xs"> <foxy-i18n infer="zapier-warning" key="warning_text"></foxy-i18n> </p> `),this.__createConfigGetterFor("events"),this.__createConfigSetterFor("events"),this.__createConfigGetterFor("url"),this.__createConfigSetterFor("url"))}__renderApplePayConfig(){return a($||($=F` <foxy-internal-text-control infer="apple-pay-merchant-id" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <p class="text-xs text-secondary leading-xs"> <foxy-i18n infer="apple-pay-warning" key="warning_text"></foxy-i18n> </p> `),this.__createConfigGetterFor("merchantID"),this.__createConfigSetterFor("merchantID"))}__renderCustomTaxConfig(){return a(k||(k=F` <foxy-internal-text-control infer="custom-tax-url" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <p class="text-xs text-secondary leading-xs"> <foxy-i18n infer="custom-tax-warning" key="warning_text"></foxy-i18n> </p> `),this.__createConfigGetterFor("url"),this.__createConfigSetterFor("url"))}}customElements.define("foxy-native-integration-form",S);export{S as NativeIntegrationForm};
+import"./shared-405a290e.js";import"./shared-bbc0cdd6.js";import"./shared-7ea4cb27.js";import"./shared-510a9e1b.js";import"./shared-97d63da6.js";import"./shared-2920b595.js";import{I as e}from"./shared-966feb65.js";import{m as t,B as r,_ as o}from"./shared-1522d76f.js";import{a as i}from"./shared-331a223c.js";import{h as a}from"./shared-dc73b9a5.js";import"./shared-cd8c3429.js";import"./shared-cfed658c.js";import"./shared-bf695fe7.js";import"./shared-61ade33e.js";import"./shared-fd0a4026.js";import"./shared-e40937c5.js";import"./shared-2062c274.js";import"./shared-51c4a6dd.js";import"./shared-f5d4dda0.js";import"./shared-343d1fd7.js";import"./shared-30cbf0a6.js";import"./shared-9f570db0.js";import"./shared-9803aa7c.js";import"./shared-a0435ec6.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-4e709717.js";import"./shared-a0c6a159.js";import"./shared-22ba9566.js";import"./shared-99940888.js";import"./shared-a5ecd56e.js";import"./shared-655e7c5f.js";import"./shared-4482e7b9.js";import"./shared-f588b5c2.js";import"./shared-37e1a834.js";import"./shared-030f561a.js";import"./shared-5df32007.js";import"./foxy-spinner.js";import"./shared-8b80db13.js";const n={service:"legacy_xml",version:1,events:["transaction/created"],title:"",url:""},l={encryption_key:"",service:"json",version:1,events:[],title:"",url:""},s={part_number_product_option:"",product_order_priority:"",calling_system_number:"",external_company_id:"",audit_settings:"never",company_role:"B",service_url:"",host_system:"",from_city:""},_={category_to_product_tax_code_mappings:{},enable_colorado_delivery_fee:!1,address_validation_countries:[],use_address_validation:!1,create_invoice:!1,company_code:"",service_url:"",use_ava_tax:!1,key:"",id:""},c={inventory_field_name:"",inventory_field_id:"",collection_name:"",sku_field_name:"",collection_id:"",sku_field_id:"",site_name:"",service:"webflow",version:1,site_id:"",events:["transaction/created"],auth:""},d={service:"zapier",events:[],url:""},u={category_to_product_tax_code_mappings:{},create_invoice:!1,api_token:""};let f,p,v,g,h,y,x,m,b,w,C,V,$,k,F=e=>e;const j=i(e,"native-integration-form");class S extends j{constructor(){super(...arguments),this.templates={},this.__createConfigGetterFor=t((e=>()=>{var t;return null===(t=this.__config)||void 0===t?void 0:t[e]})),this.__createConfigSetterFor=t((e=>t=>this.__config={[e]:t})),this.__providerGetValue=()=>{var e;return null!==(e=this.form.provider)&&void 0!==e?e:"avalara"},this.__providerSetValue=e=>{this.edit({provider:e,config:"{}"}),this.__config={}},this.__templateProviderOptions=[{value:"avalara",label:"option_avalara"},{value:"onesource",label:"option_onesource"},{value:"taxjar",label:"option_taxjar"},{value:"webflow",label:"option_webflow"}],this.__avalaraConfigOptions=[{value:"use_ava_tax",label:"option_use_ava_tax"},{value:"enable_colorado_delivery_fee",label:"option_enable_colorado_delivery_fee"},{value:"create_invoice",label:"option_create_invoice"},{value:"use_address_validation",label:"option_use_address_validation"}],this.__taxjarConfigOptions=[{value:"create_invoice",label:"option_create_invoice"}],this.__configOptionsGetValue=()=>{const e=this.__config,t=[];return(null==e?void 0:e.enable_colorado_delivery_fee)&&t.push("enable_colorado_delivery_fee"),(null==e?void 0:e.use_address_validation)&&t.push("use_address_validation"),(null==e?void 0:e.create_invoice)&&t.push("create_invoice"),(null==e?void 0:e.use_ava_tax)&&t.push("use_ava_tax"),t},this.__configOptionsSetValue=e=>{this.__config={enable_colorado_delivery_fee:e.includes("enable_colorado_delivery_fee"),use_address_validation:e.includes("use_address_validation"),create_invoice:e.includes("create_invoice"),use_ava_tax:e.includes("use_ava_tax")}},this.__avalaraAddressValidationCountriesOptions=[{value:"US",label:"option_US"},{value:"CA",label:"option_CA"}],this.__codeMappingsGetValue=()=>{var e,t;const r=null!==(t=null===(e=this.__config)||void 0===e?void 0:e.category_to_product_tax_code_mappings)&&void 0!==t?t:{};return Object.entries(r).map((([e,t])=>({value:`${e}:${t}`})))},this.__codeMappingsSetValue=e=>{const t={};for(const{value:r}of e){const[e,o]=r.split(":");e&&o&&(t[e]=o)}this.__config={category_to_product_tax_code_mappings:t}},this.__onesourceCompanyRoleOptions=[{value:"B",label:"option_buyer"},{value:"M",label:"option_middleman"},{value:"S",label:"option_seller"}],this.__onesourceProductOrderPriorityGetValue=()=>{var e,t;return(null!==(t=null===(e=this.__config)||void 0===e?void 0:e.product_order_priority.split(","))&&void 0!==t?t:[]).filter((e=>!!e)).map((e=>({value:e})))},this.__onesourceProductOrderPrioritySetValue=e=>{this.__config={product_order_priority:e.map((e=>e.value)).join(",")}},this.__onesourceAuditSettingsOptions=[{value:"capture_only",label:"option_capture_only"},{value:"auth_and_capture",label:"option_auth_and_capture"},{value:"never",label:"option_never"}],this.__webhookServiceOptions=[{value:"json",label:"option_json"},{value:"legacy_xml",label:"option_legacy_xml"}],this.__webhookJsonEventsOptions=[{value:"transaction/created",label:"option_transaction_created"},{value:"subscription/cancelled",label:"option_subscription_cancelled"}]}static get v8n(){const e=t(JSON.parse),r=t((e=>{try{return Boolean(new URL(e))}catch(e){return!1}}));return[({provider:t="avalara",config:o="{}"})=>{const i=e(o).service_url,a=i?r(i)?null:"v8n_invalid":"v8n_required";return"avalara"!==t||!a||`avalara-service-url:${a}`},({provider:t="avalara",config:r="{}"})=>"avalara"!==t||!!e(r).id||"avalara-id:v8n_required",({provider:t="avalara",config:r="{}"})=>"avalara"!==t||!!e(r).key||"avalara-key:v8n_required",({provider:t="avalara",config:r="{}"})=>"avalara"!==t||!!e(r).company_code||"avalara-company-code:v8n_required",({provider:t="avalara",config:r="{}"})=>{if("avalara"!==t)return!0;const o=e(r).category_to_product_tax_code_mappings;return o&&Object.entries(o).length>0||"avalara-category-to-product-tax-code-mappings:v8n_required"},({provider:t="avalara",config:r="{}"})=>"taxjar"!==t||!!e(r).api_token||"taxjar-api-token:v8n_required",({provider:t="avalara",config:o="{}"})=>{const i=e(o).service_url,a=i?r(i)?null:"v8n_invalid":"v8n_required";return"onesource"!==t||!a||`onesource-service-url:${a}`},({provider:t="avalara",config:r="{}"})=>"onesource"!==t||!!e(r).external_company_id||"onesource-external-company-id:v8n_required",({provider:t="avalara",config:r="{}"})=>"onesource"!==t||!!e(r).calling_system_number||"onesource-calling-system-number:v8n_required",({provider:t="avalara",config:r="{}"})=>"onesource"!==t||!!e(r).from_city||"onesource-from-city:v8n_required",({provider:t="avalara",config:r="{}"})=>"onesource"!==t||!!e(r).host_system||"onesource-host-system:v8n_required",({provider:t="avalara",config:r="{}"})=>{const{service:o,title:i}=e(r);return"webhook"!==t||"json"!==o||!!i||"webhook-json-title:v8n_required"},({provider:t="avalara",config:r="{}"})=>{const{service:o,encryption_key:i}=e(r);return"webhook"!==t||"json"!==o||!!i||"webhook-json-encryption-key:v8n_required"},({provider:t="avalara",config:o="{}"})=>{const{service:i,url:a}=e(o),n=a?r(a)?null:"v8n_invalid":"v8n_required";return"webhook"!==t||"json"!==i||!n||`webhook-json-url:${n}`},({provider:t="avalara",config:r="{}"})=>{const{service:o,title:i}=e(r);return"webhook"!==t||"legacy_xml"!==o||!!i||"webhook-legacy-xml-title:v8n_required"},({provider:t="avalara",config:o="{}"})=>{const{service:i,url:a}=e(o),n=a?r(a)?null:"v8n_invalid":"v8n_required";return"webhook"!==t||"legacy_xml"!==i||!n||`webhook-legacy-xml-url:${n}`},({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).site_id||"webflow-site-id:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).site_name||"webflow-site-name:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).collection_id||"webflow-collection-id:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).collection_name||"webflow-collection-name:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).sku_field_id||"webflow-sku-field-id:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).sku_field_name||"webflow-sku-field-name:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).inventory_field_id||"webflow-inventory-field-id:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).inventory_field_name||"webflow-inventory-field-name:v8n_required",({provider:t="avalara",config:r="{}"})=>"webflow"!==t||!!e(r).auth||"webflow-auth:v8n_required"]}get readonlySelector(){const e=[super.readonlySelector.toString()];return this.href&&e.push("apple-pay-merchant-id","custom-tax-url","zapier-events","zapier-url","provider"),new r(e.join(" ").trim())}renderBody(){var e;const t=null!==(e=this.form.provider)&&void 0!==e?e:"avalara";return a(f||(f=F` ${0} ${0} ${0} `),this.href?"webhook"===t?"":a(p||(p=F`<foxy-internal-text-control infer="provider"></foxy-internal-text-control>`)):a(v||(v=F` <foxy-internal-radio-group-control infer="provider" theme="vertical" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-radio-group-control> `),this.__providerGetValue,this.__providerSetValue,this.__templateProviderOptions),"avalara"===t?this.__renderAvalaraConfig():"taxjar"===t?this.__renderTaxJarConfig():"onesource"===t?this.__renderOneSourceConfig():"webflow"===t?this.__renderWebflowConfig():"zapier"===t?this.__renderZapierConfig():"webhook"===t?this.__renderWebhookConfig():"apple_pay"===t?this.__renderApplePayConfig():"custom_tax"===t?this.__renderCustomTaxConfig():"",super.renderBody())}async _fetch(...e){try{return await super._fetch(...e)}catch(e){let t;try{t=(await e.json())._embedded["fx:errors"][0].message}catch(t){throw e}throw t.includes("has already been configured")?["error:already_configured"]:e}}get __config(){try{return JSON.parse(this.form.config)}catch(e){return null}}set __config(e){var t;const r=this.__config,i=null!==(t=this.form.provider)&&void 0!==t?t:"avalara",a="avalara"===i?_:"taxjar"===i?u:"onesource"===i?s:"webflow"===i?c:"zapier"===i?d:"webhook"===i?"legacy_xml"===(null==r?void 0:r.service)?n:l:void 0,f=JSON.stringify(o(o(o({},a),r),e));this.edit({provider:i,config:f})}__renderAvalaraConfig(){var e;return a(g||(g=F` <foxy-internal-text-control infer="avalara-service-url" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="avalara-id" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-password-control infer="avalara-key" .getValue="${0}" .setValue="${0}"> </foxy-internal-password-control> <foxy-internal-text-control infer="avalara-company-code" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-editable-list-control infer="avalara-category-to-product-tax-code-mappings" .getValue="${0}" .setValue="${0}"> </foxy-internal-editable-list-control> <foxy-internal-checkbox-group-control infer="avalara-options" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-checkbox-group-control> ${0} `),this.__createConfigGetterFor("service_url"),this.__createConfigSetterFor("service_url"),this.__createConfigGetterFor("id"),this.__createConfigSetterFor("id"),this.__createConfigGetterFor("key"),this.__createConfigSetterFor("key"),this.__createConfigGetterFor("company_code"),this.__createConfigSetterFor("company_code"),this.__codeMappingsGetValue,this.__codeMappingsSetValue,this.__configOptionsGetValue,this.__configOptionsSetValue,this.__avalaraConfigOptions,(null===(e=this.__config)||void 0===e?void 0:e.use_address_validation)?a(h||(h=F` <foxy-internal-checkbox-group-control infer="avalara-address-validation-countries" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-checkbox-group-control> `),this.__createConfigGetterFor("address_validation_countries"),this.__createConfigSetterFor("address_validation_countries"),this.__avalaraAddressValidationCountriesOptions):"")}__renderTaxJarConfig(){return a(y||(y=F` <foxy-internal-password-control infer="taxjar-api-token" .getValue="${0}" .setValue="${0}"> </foxy-internal-password-control> <foxy-internal-editable-list-control infer="taxjar-category-to-product-tax-code-mappings" .getValue="${0}" .setValue="${0}"> </foxy-internal-editable-list-control> <foxy-internal-checkbox-group-control infer="taxjar-options" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-checkbox-group-control> `),this.__createConfigGetterFor("api_token"),this.__createConfigSetterFor("api_token"),this.__codeMappingsGetValue,this.__codeMappingsSetValue,this.__configOptionsGetValue,this.__configOptionsSetValue,this.__taxjarConfigOptions)}__renderOneSourceConfig(){return a(x||(x=F` <foxy-internal-text-control infer="onesource-service-url" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="onesource-external-company-id" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="onesource-calling-system-number" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="onesource-from-city" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="onesource-host-system" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-radio-group-control infer="onesource-company-role" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-radio-group-control> <foxy-internal-text-control infer="onesource-part-number-product-option" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-editable-list-control infer="onesource-product-order-priority" .getValue="${0}" .setValue="${0}"> </foxy-internal-editable-list-control> <foxy-internal-radio-group-control infer="onesource-audit-settings" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-radio-group-control> `),this.__createConfigGetterFor("service_url"),this.__createConfigSetterFor("service_url"),this.__createConfigGetterFor("external_company_id"),this.__createConfigSetterFor("external_company_id"),this.__createConfigGetterFor("calling_system_number"),this.__createConfigSetterFor("calling_system_number"),this.__createConfigGetterFor("from_city"),this.__createConfigSetterFor("from_city"),this.__createConfigGetterFor("host_system"),this.__createConfigSetterFor("host_system"),this.__createConfigGetterFor("company_role"),this.__createConfigSetterFor("company_role"),this.__onesourceCompanyRoleOptions,this.__createConfigGetterFor("part_number_product_option"),this.__createConfigSetterFor("part_number_product_option"),this.__onesourceProductOrderPriorityGetValue,this.__onesourceProductOrderPrioritySetValue,this.__createConfigGetterFor("audit_settings"),this.__createConfigSetterFor("audit_settings"),this.__onesourceAuditSettingsOptions)}__renderWebhookConfig(){var e,t;return a(m||(m=F` <p style="padding:calc(.625em + (var(--lumo-border-radius)/ 4) - 1px)" class="rounded bg-error-10 text-error font-medium"> <foxy-i18n infer="webhook-warning" key="warning_text"></foxy-i18n> <br> <br> <a target="_blank" class="text-body rounded hover-underline hover-cursor-pointer focus-outline-none focus-ring-2 focus-ring-error-50" lang="en" rel="noopener" href="https://www.foxy.io/blog/new-feature-json-webhook/"> <foxy-i18n infer="webhook-warning" key="link_text"></foxy-i18n> </a> </p> ${0} `),"json"===(null===(e=this.__config)||void 0===e?void 0:e.service)?this.__renderWebhookJsonConfig():"legacy_xml"===(null===(t=this.__config)||void 0===t?void 0:t.service)?this.__renderWebhookLegacyXmlConfig():"")}__renderWebhookJsonConfig(){return a(b||(b=F` <foxy-internal-text-control infer="webhook-json-title" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-area-control infer="webhook-json-url" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-area-control> <foxy-internal-radio-group-control infer="webhook-service" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-radio-group-control> <foxy-internal-checkbox-group-control infer="webhook-json-events" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-checkbox-group-control> <foxy-internal-password-control infer="webhook-json-encryption-key" .getValue="${0}" .setValue="${0}"> </foxy-internal-password-control> `),this.__createConfigGetterFor("title"),this.__createConfigSetterFor("title"),this.__createConfigGetterFor("url"),this.__createConfigSetterFor("url"),this.__createConfigGetterFor("service"),this.__createConfigSetterFor("service"),this.__webhookServiceOptions,this.__createConfigGetterFor("events"),this.__createConfigSetterFor("events"),this.__webhookJsonEventsOptions,this.__createConfigGetterFor("encryption_key"),this.__createConfigSetterFor("encryption_key"))}__renderWebhookLegacyXmlConfig(){return a(w||(w=F` <foxy-internal-text-control infer="webhook-legacy-xml-title" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-area-control infer="webhook-legacy-xml-url" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-area-control> <foxy-internal-radio-group-control infer="webhook-service" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-radio-group-control> `),this.__createConfigGetterFor("title"),this.__createConfigSetterFor("title"),this.__createConfigGetterFor("url"),this.__createConfigSetterFor("url"),this.__createConfigGetterFor("service"),this.__createConfigSetterFor("service"),this.__webhookServiceOptions)}__renderWebflowConfig(){return a(C||(C=F` <div class="grid grid-cols-2 gap-m"> <foxy-internal-text-control infer="webflow-site-id" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="webflow-site-name" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="webflow-collection-id" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="webflow-collection-name" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="webflow-sku-field-id" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="webflow-sku-field-name" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="webflow-inventory-field-id" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <foxy-internal-text-control infer="webflow-inventory-field-name" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> </div> <foxy-internal-password-control infer="webflow-auth" .getValue="${0}" .setValue="${0}"> </foxy-internal-password-control> `),this.__createConfigGetterFor("site_id"),this.__createConfigSetterFor("site_id"),this.__createConfigGetterFor("site_name"),this.__createConfigSetterFor("site_name"),this.__createConfigGetterFor("collection_id"),this.__createConfigSetterFor("collection_id"),this.__createConfigGetterFor("collection_name"),this.__createConfigSetterFor("collection_name"),this.__createConfigGetterFor("sku_field_id"),this.__createConfigSetterFor("sku_field_id"),this.__createConfigGetterFor("sku_field_name"),this.__createConfigSetterFor("sku_field_name"),this.__createConfigGetterFor("inventory_field_id"),this.__createConfigSetterFor("inventory_field_id"),this.__createConfigGetterFor("inventory_field_name"),this.__createConfigSetterFor("inventory_field_name"),this.__createConfigGetterFor("auth"),this.__createConfigSetterFor("auth"))}__renderZapierConfig(){return a(V||(V=F` <foxy-internal-editable-list-control infer="zapier-events" .getValue="${0}" .setValue="${0}"> </foxy-internal-editable-list-control> <foxy-internal-text-area-control infer="zapier-url" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-area-control> <p class="text-xs text-secondary leading-xs"> <foxy-i18n infer="zapier-warning" key="warning_text"></foxy-i18n> </p> `),this.__createConfigGetterFor("events"),this.__createConfigSetterFor("events"),this.__createConfigGetterFor("url"),this.__createConfigSetterFor("url"))}__renderApplePayConfig(){return a($||($=F` <foxy-internal-text-control infer="apple-pay-merchant-id" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <p class="text-xs text-secondary leading-xs"> <foxy-i18n infer="apple-pay-warning" key="warning_text"></foxy-i18n> </p> `),this.__createConfigGetterFor("merchantID"),this.__createConfigSetterFor("merchantID"))}__renderCustomTaxConfig(){return a(k||(k=F` <foxy-internal-text-control infer="custom-tax-url" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> <p class="text-xs text-secondary leading-xs"> <foxy-i18n infer="custom-tax-warning" key="warning_text"></foxy-i18n> </p> `),this.__createConfigGetterFor("url"),this.__createConfigSetterFor("url"))}}customElements.define("foxy-native-integration-form",S);export{S as NativeIntegrationForm};

package/dist/cdn/foxy-nucleon-element.js

@@ -1 +1 @@
-import{N as s}from"./shared-6a7f96c4.js";export{N as NucleonElement}from"./shared-6a7f96c4.js";import"./shared-1522d76f.js";import"./shared-7f33a83a.js";import"./shared-07e9d1fb.js";import"./shared-343d1fd7.js";import"./shared-3ab0306f.js";import"./shared-30cbf0a6.js";import"./shared-eb116b3e.js";customElements.define("foxy-nucleon",s);
+import{N as e}from"./shared-a0435ec6.js";export{N as NucleonElement}from"./shared-a0435ec6.js";import"./shared-1522d76f.js";import"./shared-dc73b9a5.js";import"./shared-07e9d1fb.js";import"./shared-343d1fd7.js";import"./shared-3ab0306f.js";import"./shared-30cbf0a6.js";import"./shared-eb116b3e.js";customElements.define("foxy-nucleon",e);

package/dist/cdn/foxy-pagination.js

@@ -1 +1 @@
-import"./shared-31b7a6ad.js";import"./shared-902b0773.js";import"./shared-cadbb2e3.js";import"./shared-8d51eaa6.js";import{_ as e,Y as t}from"./shared-1522d76f.js";import{h as s,L as i}from"./shared-7f33a83a.js";import{C as n}from"./shared-b23c903e.js";import{N as a}from"./shared-6a7f96c4.js";import{R as r,T as o,a as l}from"./shared-550f9cae.js";import{c}from"./shared-4e709717.js";import{I as d}from"./shared-30cbf0a6.js";import"./shared-1c07b1be.js";import"./shared-d28b95c6.js";import"./shared-61ade33e.js";import"./shared-343d1fd7.js";import"./shared-d3bf9ac0.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";let m,_,h=e=>e;const p=r(n(o(l(d(i),"pagination"))));class f extends p{constructor(){super(...arguments),this.__pageElement=null,this.__rerender=()=>this.requestUpdate(),this.__first=""}static get properties(){return e(e({},super.properties),{},{first:{type:String},__pageElement:{attribute:!1}})}get first(){return this.__first}set first(e){this.__first=e,this.__pageElement&&(this.__pageElement.href=e)}connectedCallback(){super.connectedCallback(),this.__connectPageElement()}render(){var e;const i=null===(e=this.__pageElement)||void 0===e?void 0:e.data,{disabled:n,lang:a,ns:r}=this,o=Number(t(i,"returned_items")),l=Number.isNaN(o)?0:o,d=Number(t(i,"total_items")),p=Number.isNaN(d)?0:d,f=Number(t(i,"offset")),g=Number.isNaN(f)?0:f,u=!n&&g>0,b=!n&&g+l<p,v="sr-only sm-not-sr-only",x=g+1,y=g+l;return s(m||(m=h` <slot @slotchange="${0}"></slot> ${0} `),this.__connectPageElement,g>0||g+l<p?s(_||(_=h` <div class="mt-s grid gap-s items-center -mx-xs" style="grid-template-columns:1fr auto 1fr"> <div class="flex items-center space-x-s"> <vaadin-button data-testid="first" theme="contrast tertiary-inline" ?disabled="${0}" @click="${0}"> <iron-icon class="icon-inline text-s" icon="icons:first-page"></iron-icon> <foxy-i18n class="${0}" lang="${0}" key="first" ns="${0}"></foxy-i18n> </vaadin-button> <vaadin-button data-testid="prev" theme="contrast tertiary-inline" ?disabled="${0}" @click="${0}"> <iron-icon class="icon-inline text-s" icon="icons:chevron-left"></iron-icon> <foxy-i18n class="${0}" lang="${0}" key="previous" ns="${0}"></foxy-i18n> </vaadin-button> </div> <foxy-i18n options="${0}" class="${0}" lang="${0}" key="pagination" ns="${0}"> </foxy-i18n> <div class="flex items-center justify-end space-x-s"> <vaadin-button data-testid="next" theme="contrast tertiary-inline" ?disabled="${0}" @click="${0}"> <foxy-i18n class="${0}" lang="${0}" key="next" ns="${0}"></foxy-i18n> <iron-icon class="icon-inline text-s" icon="icons:chevron-right"></iron-icon> </vaadin-button> <vaadin-button data-testid="last" theme="contrast tertiary-inline" ?disabled="${0}" @click="${0}"> <foxy-i18n class="${0}" lang="${0}" key="last" ns="${0}"></foxy-i18n> <iron-icon class="icon-inline text-s" icon="icons:last-page"></iron-icon> </vaadin-button> </div> </div> `),!u,(()=>this.__goTo("first")),v,a,r,!u,(()=>this.__goTo("prev")),v,a,r,JSON.stringify({total:p,from:x,to:y}),c({"flex-1 text-xs text-tertiary text-center leading-xs truncate":!0,"opacity-0":!i}),a,r,!b,(()=>this.__goTo("next")),v,a,r,!b,(()=>this.__goTo("last")),v,a,r):"")}disconnectedCallback(){super.disconnectedCallback(),this.__disconnectPageElement()}__goTo(e){var s;this.__pageElement.href=String(t(null===(s=this.__pageElement)||void 0===s?void 0:s.data,`_links.${e}.href`))}__disconnectPageElement(){var e;null===(e=this.__pageElement)||void 0===e||e.removeEventListener("update",this.__rerender),this.__pageElement=null}__connectPageElement(){var e;this.__disconnectPageElement();const t=this.renderRoot.querySelector("slot"),s=(null!==(e=null==t?void 0:t.assignedElements())&&void 0!==e?e:[]).find((e=>e instanceof a));s&&(this.__pageElement=s,this.__pageElement.addEventListener("update",this.__rerender),this.__pageElement.href=this.first)}}customElements.define("foxy-pagination",f);export{f as Pagination};
+import"./shared-8b80db13.js";import"./shared-e40937c5.js";import"./shared-37e1a834.js";import"./shared-f5d4dda0.js";import{_ as e,Y as t}from"./shared-1522d76f.js";import{h as s,L as i}from"./shared-dc73b9a5.js";import{C as n}from"./shared-9f570db0.js";import{N as a}from"./shared-a0435ec6.js";import{R as r,T as o,a as l}from"./shared-331a223c.js";import{c as d}from"./shared-4e709717.js";import{I as c}from"./shared-30cbf0a6.js";import"./shared-bf695fe7.js";import"./shared-cfed658c.js";import"./shared-61ade33e.js";import"./shared-343d1fd7.js";import"./shared-9803aa7c.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";let m,_,h=e=>e;const p=r(n(o(l(c(i),"pagination"))));class f extends p{constructor(){super(...arguments),this.__pageElement=null,this.__rerender=()=>this.requestUpdate(),this.__first=""}static get properties(){return e(e({},super.properties),{},{first:{type:String},__pageElement:{attribute:!1}})}get first(){return this.__first}set first(e){this.__first=e,this.__pageElement&&(this.__pageElement.href=e)}connectedCallback(){super.connectedCallback(),this.__connectPageElement()}render(){var e;const i=null===(e=this.__pageElement)||void 0===e?void 0:e.data,{disabled:n,lang:a,ns:r}=this,o=Number(t(i,"returned_items")),l=Number.isNaN(o)?0:o,c=Number(t(i,"total_items")),p=Number.isNaN(c)?0:c,f=Number(t(i,"offset")),g=Number.isNaN(f)?0:f,u=!n&&g>0,b=!n&&g+l<p,v="sr-only sm-not-sr-only",x=g+1,y=g+l;return s(m||(m=h` <slot @slotchange="${0}"></slot> ${0} `),this.__connectPageElement,g>0||g+l<p?s(_||(_=h` <div class="mt-s grid gap-s items-center -mx-xs" style="grid-template-columns:1fr auto 1fr"> <div class="flex items-center space-x-s"> <vaadin-button data-testid="first" theme="contrast tertiary-inline" ?disabled="${0}" @click="${0}"> <iron-icon class="icon-inline text-s" icon="icons:first-page"></iron-icon> <foxy-i18n class="${0}" lang="${0}" key="first" ns="${0}"></foxy-i18n> </vaadin-button> <vaadin-button data-testid="prev" theme="contrast tertiary-inline" ?disabled="${0}" @click="${0}"> <iron-icon class="icon-inline text-s" icon="icons:chevron-left"></iron-icon> <foxy-i18n class="${0}" lang="${0}" key="previous" ns="${0}"></foxy-i18n> </vaadin-button> </div> <foxy-i18n options="${0}" class="${0}" lang="${0}" key="pagination" ns="${0}"> </foxy-i18n> <div class="flex items-center justify-end space-x-s"> <vaadin-button data-testid="next" theme="contrast tertiary-inline" ?disabled="${0}" @click="${0}"> <foxy-i18n class="${0}" lang="${0}" key="next" ns="${0}"></foxy-i18n> <iron-icon class="icon-inline text-s" icon="icons:chevron-right"></iron-icon> </vaadin-button> <vaadin-button data-testid="last" theme="contrast tertiary-inline" ?disabled="${0}" @click="${0}"> <foxy-i18n class="${0}" lang="${0}" key="last" ns="${0}"></foxy-i18n> <iron-icon class="icon-inline text-s" icon="icons:last-page"></iron-icon> </vaadin-button> </div> </div> `),!u,(()=>this.__goTo("first")),v,a,r,!u,(()=>this.__goTo("prev")),v,a,r,JSON.stringify({total:p,from:x,to:y}),d({"flex-1 text-xs text-tertiary text-center leading-xs truncate":!0,"opacity-0":!i}),a,r,!b,(()=>this.__goTo("next")),v,a,r,!b,(()=>this.__goTo("last")),v,a,r):"")}disconnectedCallback(){super.disconnectedCallback(),this.__disconnectPageElement()}__goTo(e){var s;this.__pageElement.href=String(t(null===(s=this.__pageElement)||void 0===s?void 0:s.data,`_links.${e}.href`))}__disconnectPageElement(){var e;null===(e=this.__pageElement)||void 0===e||e.removeEventListener("update",this.__rerender),this.__pageElement=null}__connectPageElement(){var e;this.__disconnectPageElement();const t=this.renderRoot.querySelector("slot"),s=(null!==(e=null==t?void 0:t.assignedElements())&&void 0!==e?e:[]).find((e=>e instanceof a));s&&(this.__pageElement=s,this.__pageElement.addEventListener("update",this.__rerender),this.__pageElement.href=this.first)}}customElements.define("foxy-pagination",f);export{f as Pagination};

package/dist/cdn/foxy-passkey-card.js

@@ -1 +1 @@
-import"./shared-f2eb454c.js";import{a as e}from"./shared-550f9cae.js";import{T as r}from"./shared-7d24a3f1.js";import{h as n}from"./shared-7f33a83a.js";import{c as a,a as i}from"./shared-1522d76f.js";import"./foxy-spinner.js";import"./shared-902b0773.js";import"./shared-1c07b1be.js";import"./shared-31b7a6ad.js";import"./shared-8d51eaa6.js";import"./shared-343d1fd7.js";import"./shared-30cbf0a6.js";import"./shared-55f58244.js";import"./shared-6a7f96c4.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-4e709717.js";import"./shared-b23c903e.js";import"./shared-d3bf9ac0.js";var t=a((function(e,r){!function(e){function r(e,r){this.browser=e,this.os=r}function n(e,r){function n(e){if(e.length>0){var n=e.split("/"),a=n.length>1?n[1]:"";r(n[0],a)}}for(var a="",i=0;i<e.length;++i){var t=e[i];if(" "===t){for(n(a),a="";" "===e[i];)++i;t=e[i]}if("("===t){n(a),a="";var s="";for(++i;i<e.length&&")"!==(t=e[i]);++i)s+=t;for(var o=s.split(";"),m=0;m<o.length;++m)r(o[m].trim());++i}else" "!==t&&"("!==t&&(a+=t)}n(a)}function a(e){var r={"Windows NT 10.0":"10","Windows NT 6.3":"8.1","Windows NT 6.2":"8","Windows NT 6.1":"7","Windows NT 6.0":"Vista","Windows NT 5.2":"XP","Windows NT 5.1":"XP","Windows NT 5.0":"2000",10.4:"Tiger",10.5:"Leopard",10.6:"Snow Leopard",10.7:"Lion",10.8:"Mountain Lion",10.9:"Mavericks","10.10":"Yosemite",10.11:"El Capitan",10.12:"Sierra",10.13:"High Sierra",10.14:"Mojave"};function n(e){var n=r[e];return n||null}function a(e){var n=e.substr(e.indexOf("OS X")+5),a=n.indexOf("_")>1?n.split("_"):n.split(".");return a=a.length>=2?a.slice(0,2):a.concat([0]),r[a.join(".")]?a.join(".")+" ("+r[a.join(".")]+")":a.join(".")}function i(e){return e.substr(8).split(".").slice(0,2).join(".")}function t(e){return e.substr(e.indexOf(" OS ")+4).replace(" like Mac OS X","").split("_").slice(0,2).join(".")}var s=[{tag:"Windows NT",name:"Windows",fn:n},{tag:"Intel Mac OS",name:"macOS",fn:a},{tag:"PPC Mac OS",name:"macOS",fn:a},{tag:"Android",name:"Android",fn:i},{tag:"CPU iPhone OS",name:"iOS",fn:t},{tag:"CPU OS",name:"iOS",fn:t},{tag:"Linux"},{tag:"FreeBSD"},{tag:"OpenBSD"},{tag:"NetBSD"},{tag:"SunOS"},{tag:"CrOS",name:"ChromeOS"}],o={name:null,version:null},m=e.reduce((function(e,r){var n=s.find((function(e){return e.tag===r.substr(0,e.tag.length)}));if(n){var a=n.name?n.name:n.tag;e.name=a.split(" ").shift(),e.version=n.fn?n.fn(r):null}return e}),o);return"macOS"===m.name&&(m.name=parseInt(m.version.replace("10.",""),10)<=11?"OS X":"macOS"),m}function i(e,r){function n(e,r){return e|="Chrome"===r,e="EdgiOS"!==r&&"Edge"!==r&&e}var a=null;if(e.reduce(n,!1)){var i=r.Chrome;a={version:parseInt(i,10),fullVersion:i}}return a}function t(e,r){var n=[{seq:["Gecko","Firefox"],name:"Firefox"},{seq:["AppleWebKit","KHTML, like Gecko","Version","Safari"],name:"Safari",ver:"Version"},{seq:["AppleWebKit","CriOS","Mobile","Safari"],name:"Chrome",ver:"CriOS"},{seq:["AppleWebKit","Mobile","Safari","EdgiOS"],name:"Edge",ver:"EdgiOS"},{seq:["AppleWebKit","Chrome","Safari"],name:"Chrome"},{seq:["AppleWebKit","Version","Chrome","Safari"],name:"Chrome"},{seq:["Chrome","Safari","Edge"],name:"Edge"},{seq:["MSIE 6.0"],name:"Internet Explorer",at:"6.0"},{seq:["MSIE 7.0"],name:"Internet Explorer",at:"7.0"},{seq:["Trident/4.0"],name:"Internet Explorer",at:"8.0"},{seq:["Trident/5.0"],name:"Internet Explorer",at:"9.0"},{seq:["Trident/6.0"],name:"Internet Explorer",at:"10.0"},{seq:["Trident/7.0"],name:"Internet Explorer",at:"11.0"},{seq:["AppleWebKit","Silk","Chrome","Safari"],name:"Silk"},{seq:["Chrome","Safari","Vivaldi"],name:"Vivaldi"},{seq:["Chrome","Safari","OPR"],name:"Opera",ver:"OPR"},{seq:["AppleWebKit","Chrome","Safari","EdgA"],name:"Edge",ver:"EdgA"},{seq:["AppleWebKit","SamsungBrowser","Chrome","Safari"],name:"Samsung Browser",ver:"SamsungBrowser"},{seq:["Chrome","UCBrowser","Safari"],name:"UCBrowser"}],a={name:"Unknown",version:null,fullVersion:null,chromeFamily:null},t=r.Mozilla;if("4.0"===t||"5.0"===t){(a=n.reduce((function(n,a){function i(e,r){return e.push(r-e.pop()),e.push(r),e}function t(e){return e>0}if(a.seq.map((function(r){return e.indexOf(r)})).reduce(i,[0]).every(t)){var s=a.ver?a.ver:a.name,o=a.at?a.at:r[s];n.name=a.name,n.version="Edge"===n.name?parseInt(o,10):parseFloat(o),n.fullVersion=o}return n}),a)).chromeFamily=i(e,r);var s=e.find((function(e){return"Tizen"===e.substr(0,5)}));a.name=s?"Tizen":a.name}return a}function s(e){var r=[];return n(e,(function(e,n){r.push({name:e,version:n})})),r}function o(e){var i=[],s={};return n(e,(function(e,r){i.push(e),"string"==typeof r&&(s[e]=r)})),new r(t(i,s),a(i))}r.prototype.toString=function(){var e=this.browser.name;return this.browser.version&&(e+=" "+this.browser.version),this.os.name&&(e+=" on "+this.os.name),this.os.version&&(e+=" "+this.os.version),e},e.analyze=o,e.scan=s,e.version="0.5.0"}(r)}));let s,o,m=e=>e;const l=e(r,"passkey-card");class f extends l{renderBody(){return super.renderBody({title:e=>n(s||(s=m`${0}`),e.credential_id),subtitle:e=>{let r,a;return e.last_login_date&&e.last_login_ua?(r={last_login_date:new Date(e.last_login_date),last_login_ua:t.analyze(e.last_login_ua).toString()},a="subtitle"):(r={},a="subtitle_no_data"),n(o||(o=m`<foxy-i18n infer="" key="${0}" .options="${0}"></foxy-i18n>`),a,r)}})}}customElements.define("foxy-passkey-card",f);export{f as PasskeyCard};
+import"./shared-d0374d0c.js";import{a as e}from"./shared-331a223c.js";import{T as r}from"./shared-a9f76cae.js";import{h as n}from"./shared-dc73b9a5.js";import{c as a,a as i}from"./shared-1522d76f.js";import"./foxy-spinner.js";import"./shared-e40937c5.js";import"./shared-bf695fe7.js";import"./shared-8b80db13.js";import"./shared-f5d4dda0.js";import"./shared-343d1fd7.js";import"./shared-30cbf0a6.js";import"./shared-d244dd07.js";import"./shared-a0435ec6.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-4e709717.js";import"./shared-9f570db0.js";import"./shared-9803aa7c.js";var t=a((function(e,r){!function(e){function r(e,r){this.browser=e,this.os=r}function n(e,r){function n(e){if(e.length>0){var n=e.split("/"),a=n.length>1?n[1]:"";r(n[0],a)}}for(var a="",i=0;i<e.length;++i){var t=e[i];if(" "===t){for(n(a),a="";" "===e[i];)++i;t=e[i]}if("("===t){n(a),a="";var s="";for(++i;i<e.length&&")"!==(t=e[i]);++i)s+=t;for(var o=s.split(";"),m=0;m<o.length;++m)r(o[m].trim());++i}else" "!==t&&"("!==t&&(a+=t)}n(a)}function a(e){var r={"Windows NT 10.0":"10","Windows NT 6.3":"8.1","Windows NT 6.2":"8","Windows NT 6.1":"7","Windows NT 6.0":"Vista","Windows NT 5.2":"XP","Windows NT 5.1":"XP","Windows NT 5.0":"2000",10.4:"Tiger",10.5:"Leopard",10.6:"Snow Leopard",10.7:"Lion",10.8:"Mountain Lion",10.9:"Mavericks","10.10":"Yosemite",10.11:"El Capitan",10.12:"Sierra",10.13:"High Sierra",10.14:"Mojave"};function n(e){var n=r[e];return n||null}function a(e){var n=e.substr(e.indexOf("OS X")+5),a=n.indexOf("_")>1?n.split("_"):n.split(".");return a=a.length>=2?a.slice(0,2):a.concat([0]),r[a.join(".")]?a.join(".")+" ("+r[a.join(".")]+")":a.join(".")}function i(e){return e.substr(8).split(".").slice(0,2).join(".")}function t(e){return e.substr(e.indexOf(" OS ")+4).replace(" like Mac OS X","").split("_").slice(0,2).join(".")}var s=[{tag:"Windows NT",name:"Windows",fn:n},{tag:"Intel Mac OS",name:"macOS",fn:a},{tag:"PPC Mac OS",name:"macOS",fn:a},{tag:"Android",name:"Android",fn:i},{tag:"CPU iPhone OS",name:"iOS",fn:t},{tag:"CPU OS",name:"iOS",fn:t},{tag:"Linux"},{tag:"FreeBSD"},{tag:"OpenBSD"},{tag:"NetBSD"},{tag:"SunOS"},{tag:"CrOS",name:"ChromeOS"}],o={name:null,version:null},m=e.reduce((function(e,r){var n=s.find((function(e){return e.tag===r.substr(0,e.tag.length)}));if(n){var a=n.name?n.name:n.tag;e.name=a.split(" ").shift(),e.version=n.fn?n.fn(r):null}return e}),o);return"macOS"===m.name&&(m.name=parseInt(m.version.replace("10.",""),10)<=11?"OS X":"macOS"),m}function i(e,r){function n(e,r){return e|="Chrome"===r,e="EdgiOS"!==r&&"Edge"!==r&&e}var a=null;if(e.reduce(n,!1)){var i=r.Chrome;a={version:parseInt(i,10),fullVersion:i}}return a}function t(e,r){var n=[{seq:["Gecko","Firefox"],name:"Firefox"},{seq:["AppleWebKit","KHTML, like Gecko","Version","Safari"],name:"Safari",ver:"Version"},{seq:["AppleWebKit","CriOS","Mobile","Safari"],name:"Chrome",ver:"CriOS"},{seq:["AppleWebKit","Mobile","Safari","EdgiOS"],name:"Edge",ver:"EdgiOS"},{seq:["AppleWebKit","Chrome","Safari"],name:"Chrome"},{seq:["AppleWebKit","Version","Chrome","Safari"],name:"Chrome"},{seq:["Chrome","Safari","Edge"],name:"Edge"},{seq:["MSIE 6.0"],name:"Internet Explorer",at:"6.0"},{seq:["MSIE 7.0"],name:"Internet Explorer",at:"7.0"},{seq:["Trident/4.0"],name:"Internet Explorer",at:"8.0"},{seq:["Trident/5.0"],name:"Internet Explorer",at:"9.0"},{seq:["Trident/6.0"],name:"Internet Explorer",at:"10.0"},{seq:["Trident/7.0"],name:"Internet Explorer",at:"11.0"},{seq:["AppleWebKit","Silk","Chrome","Safari"],name:"Silk"},{seq:["Chrome","Safari","Vivaldi"],name:"Vivaldi"},{seq:["Chrome","Safari","OPR"],name:"Opera",ver:"OPR"},{seq:["AppleWebKit","Chrome","Safari","EdgA"],name:"Edge",ver:"EdgA"},{seq:["AppleWebKit","SamsungBrowser","Chrome","Safari"],name:"Samsung Browser",ver:"SamsungBrowser"},{seq:["Chrome","UCBrowser","Safari"],name:"UCBrowser"}],a={name:"Unknown",version:null,fullVersion:null,chromeFamily:null},t=r.Mozilla;if("4.0"===t||"5.0"===t){(a=n.reduce((function(n,a){function i(e,r){return e.push(r-e.pop()),e.push(r),e}function t(e){return e>0}if(a.seq.map((function(r){return e.indexOf(r)})).reduce(i,[0]).every(t)){var s=a.ver?a.ver:a.name,o=a.at?a.at:r[s];n.name=a.name,n.version="Edge"===n.name?parseInt(o,10):parseFloat(o),n.fullVersion=o}return n}),a)).chromeFamily=i(e,r);var s=e.find((function(e){return"Tizen"===e.substr(0,5)}));a.name=s?"Tizen":a.name}return a}function s(e){var r=[];return n(e,(function(e,n){r.push({name:e,version:n})})),r}function o(e){var i=[],s={};return n(e,(function(e,r){i.push(e),"string"==typeof r&&(s[e]=r)})),new r(t(i,s),a(i))}r.prototype.toString=function(){var e=this.browser.name;return this.browser.version&&(e+=" "+this.browser.version),this.os.name&&(e+=" on "+this.os.name),this.os.version&&(e+=" "+this.os.version),e},e.analyze=o,e.scan=s,e.version="0.5.0"}(r)}));let s,o,m=e=>e;const l=e(r,"passkey-card");class d extends l{renderBody(){return super.renderBody({title:e=>n(s||(s=m`${0}`),e.credential_id),subtitle:e=>{let r,a;return e.last_login_date&&e.last_login_ua?(r={last_login_date:new Date(e.last_login_date),last_login_ua:t.analyze(e.last_login_ua).toString()},a="subtitle"):(r={},a="subtitle_no_data"),n(o||(o=m`<foxy-i18n infer="" key="${0}" .options="${0}"></foxy-i18n>`),a,r)}})}}customElements.define("foxy-passkey-card",d);export{d as PasskeyCard};

package/dist/cdn/foxy-passkey-form.js

@@ -1 +1 @@
-import"./shared-aa4f6a25.js";import"./shared-f7365ea5.js";import{I as r}from"./shared-6d34289d.js";import"./foxy-spinner.js";import{R as e,a as s}from"./shared-550f9cae.js";import{h as a}from"./shared-7f33a83a.js";import{B as t}from"./shared-1522d76f.js";import"./shared-533c0d6a.js";import"./shared-d28b95c6.js";import"./shared-1c07b1be.js";import"./shared-2d40129d.js";import"./shared-ac62d098.js";import"./shared-61ade33e.js";import"./shared-9f039798.js";import"./shared-a502026c.js";import"./shared-f9180815.js";import"./shared-8d51eaa6.js";import"./shared-343d1fd7.js";import"./shared-30cbf0a6.js";import"./shared-b23c903e.js";import"./shared-d3bf9ac0.js";import"./shared-6a7f96c4.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-cadbb2e3.js";import"./shared-2787655b.js";import"./shared-c37707da.js";import"./shared-4e709717.js";import"./shared-902b0773.js";import"./shared-31b7a6ad.js";let o,d,i=r=>r;const n=e(s(r,"passkey-form"));class p extends n{get readonlySelector(){return new t(`credential-id last-login-date last-login-ua ${super.readonlySelector.toString()}`)}renderBody(){return this.data?a(d||(d=i` <foxy-internal-text-control infer="credential-id"></foxy-internal-text-control> <foxy-internal-text-control infer="last-login-date"></foxy-internal-text-control> <foxy-internal-text-area-control infer="last-login-ua"></foxy-internal-text-area-control> ${0} `),super.renderBody()):a(o||(o=i` <div class="p-xl flex items-center justify-center"> <foxy-spinner infer="spinner" state="empty" layout="vertical"></foxy-spinner> </div> `))}}customElements.define("foxy-passkey-form",p);export{p as PasskeyForm};
+import"./shared-97d63da6.js";import"./shared-2920b595.js";import{I as r}from"./shared-966feb65.js";import"./foxy-spinner.js";import{R as e,a as s}from"./shared-331a223c.js";import{h as t}from"./shared-dc73b9a5.js";import{B as a}from"./shared-1522d76f.js";import"./shared-f588b5c2.js";import"./shared-cfed658c.js";import"./shared-bf695fe7.js";import"./shared-4482e7b9.js";import"./shared-fd0a4026.js";import"./shared-655e7c5f.js";import"./shared-61ade33e.js";import"./shared-2062c274.js";import"./shared-51c4a6dd.js";import"./shared-f5d4dda0.js";import"./shared-343d1fd7.js";import"./shared-30cbf0a6.js";import"./shared-9f570db0.js";import"./shared-9803aa7c.js";import"./shared-a0435ec6.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-37e1a834.js";import"./shared-030f561a.js";import"./shared-5df32007.js";import"./shared-4e709717.js";import"./shared-e40937c5.js";import"./shared-8b80db13.js";let o,d,i=r=>r;const n=e(s(r,"passkey-form"));class p extends n{get readonlySelector(){return new a(`credential-id last-login-date last-login-ua ${super.readonlySelector.toString()}`)}renderBody(){return this.data?t(d||(d=i` <foxy-internal-text-control infer="credential-id"></foxy-internal-text-control> <foxy-internal-text-control infer="last-login-date"></foxy-internal-text-control> <foxy-internal-text-area-control infer="last-login-ua"></foxy-internal-text-area-control> ${0} `),super.renderBody()):t(o||(o=i` <div class="p-xl flex items-center justify-center"> <foxy-spinner infer="spinner" state="empty" layout="vertical"></foxy-spinner> </div> `))}}customElements.define("foxy-passkey-form",p);export{p as PasskeyForm};

package/dist/cdn/foxy-payment-card.js

@@ -1 +1 @@
-import"./shared-f2eb454c.js";import"./foxy-nucleon-element.js";import"./shared-8d51eaa6.js";import{_ as e}from"./shared-1522d76f.js";import{l as t,u as a}from"./shared-d7be11de.js";import{a as s}from"./shared-550f9cae.js";import{I as r}from"./shared-55f58244.js";import{i as o}from"./shared-d3bf9ac0.js";import{h as n}from"./shared-7f33a83a.js";import"./foxy-spinner.js";import"./shared-902b0773.js";import"./shared-1c07b1be.js";import"./shared-31b7a6ad.js";import"./shared-30cbf0a6.js";import"./shared-343d1fd7.js";import"./shared-6a7f96c4.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-4e709717.js";let d,i,l,y,p=e=>e;const u=s(r,"payment-card");class c extends u{constructor(){super(...arguments),this.hostedPaymentGatewaysHelper=null,this.paymentGatewaysHelper=null,this.__hostedPaymentGatewaysLoaderId="hostedPaymentGatewaysLoader",this.__paymentGatewaysLoaderId="paymentGatewaysLoader",this.__transactionLoaderId="transactionLoader",this.__storeLoaderId="storeLoader"}static get properties(){return e(e({},super.properties),{},{hostedPaymentGatewaysHelper:{attribute:"hosted-payment-gateways-helper"},paymentGatewaysHelper:{attribute:"payment-gateways-helper"}})}renderBody(){var e,s,r,u,c,h,_,m,f;const v=this.data,x=`${null!==(e=null==v?void 0:v.amount)&&void 0!==e?e:""} ${this.__currencyCode}`,$={currencyDisplay:this.__currencyDisplay,amount:x},w=null!==(r=null===(s=this.data)||void 0===s?void 0:s.fraud_protection_score)&&void 0!==r?r:0,b=w>0?"text-error":"text-success",L=w>0?"bg-error-10":"bg-success-10",g=(null!==(u=null==v?void 0:v.cc_type)&&void 0!==u?u:"unknown").toLowerCase(),j=null===(c=null==v?void 0:v.cc_exp_year)||void 0===c?void 0:c.substring(2),G=null==v?void 0:v.cc_exp_month,k=null===(h=null==v?void 0:v.cc_number_masked)||void 0===h?void 0:h.replace(/x/gi,"");return n(d||(d=p` <foxy-nucleon infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <foxy-nucleon infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <foxy-nucleon infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <foxy-nucleon infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <p class="leading-s"> <span class="block font-medium text-m" data-testid="line-1"> <foxy-i18n .options="${0}" infer="" key="price"></foxy-i18n> <span>&nbsp;&bull;&nbsp;</span> <foxy-i18n .options="${0}" infer="" key="date"></foxy-i18n> </span> <span class="block text-s text-secondary"> ${0} </span> ${0} <span class="mt-s flex space-x-s overflow-auto"> ${0} <foxy-i18n class="truncate flex font-medium h-xs items-center px-s rounded-s text-s ${0} ${0}" infer="" key="fraud_risk" .options="${0}"> </foxy-i18n> </span> </p> `),o(null!==(_=this.hostedPaymentGatewaysHelper)&&void 0!==_?_:void 0),this.__hostedPaymentGatewaysLoaderId,(()=>this.requestUpdate()),o(null!==(m=this.paymentGatewaysHelper)&&void 0!==m?m:void 0),this.__paymentGatewaysLoaderId,(()=>this.requestUpdate()),o(null==v?void 0:v._links["fx:transaction"].href),this.__transactionLoaderId,(()=>this.requestUpdate()),o(null==v?void 0:v._links["fx:store"].href),this.__storeLoaderId,(()=>this.requestUpdate()),$,{value:null==v?void 0:v.date_created},this.__gatewayName||n(i||(i=p`<foxy-i18n infer="" key="unknown"></foxy-i18n>`)),["processor_response","paypal_payer_id","third_party_id","purchase_order"].map((e=>{if(!(null==v?void 0:v[e]))return;return n(l||(l=p`<foxy-i18n class="${0}" infer="" key="${0}" .options="${0}"></foxy-i18n>`),"block text-s text-tertiary",e,v)})),G&&j&&k?n(y||(y=p` <span class="truncate flex items-center h-xs rounded-s overflow-hidden bg-contrast-5" data-testid="card-info"> <span class="h-xs">${0}</span> <span class="font-medium px-s">•••• ${0} ${0}/${0}</span> </span> `),null!==(f=t[g])&&void 0!==f?f:a,k,G,j):"",b,L,{score:w})}get isBodyReady(){return!!super.isBodyReady&&(!!this.__currencyCode&&(!!this.__currencyDisplay&&(!this.hostedPaymentGatewaysHelper||!this.paymentGatewaysHelper||!!this.__gatewayName)))}get __hostedPaymentGatewaysLoader(){return this.renderRoot.querySelector(`#${this.__hostedPaymentGatewaysLoaderId}`)}get __paymentGatewaysLoader(){return this.renderRoot.querySelector(`#${this.__paymentGatewaysLoaderId}`)}get __transactionLoader(){return this.renderRoot.querySelector(`#${this.__transactionLoaderId}`)}get __storeLoader(){return this.renderRoot.querySelector(`#${this.__storeLoaderId}`)}get __currencyDisplay(){var e;const t=null===(e=this.__storeLoader)||void 0===e?void 0:e.data;return t?t.use_international_currency_symbol?"code":"symbol":void 0}get __currencyCode(){var e,t;return null===(t=null===(e=this.__transactionLoader)||void 0===e?void 0:e.data)||void 0===t?void 0:t.currency_code}get __gatewayName(){var e,t,a,s,r,o;const n=null===(e=this.data)||void 0===e?void 0:e.gateway_type;if(n){const e=null===(a=null===(t=this.__paymentGatewaysLoader)||void 0===t?void 0:t.data)||void 0===a?void 0:a.values[n],d=null===(r=null===(s=this.__hostedPaymentGatewaysLoader)||void 0===s?void 0:s.data)||void 0===r?void 0:r.values[n];return null!==(o=null==e?void 0:e.name)&&void 0!==o?o:null==d?void 0:d.name}}}customElements.define("foxy-payment-card",c);export{c as PaymentCard};
+import"./shared-d0374d0c.js";import"./foxy-nucleon-element.js";import"./shared-f5d4dda0.js";import{_ as e}from"./shared-1522d76f.js";import{l as t,u as a}from"./shared-2bf89a21.js";import{a as s}from"./shared-331a223c.js";import{I as r}from"./shared-d244dd07.js";import{i as o}from"./shared-9803aa7c.js";import{h as n}from"./shared-dc73b9a5.js";import"./foxy-spinner.js";import"./shared-e40937c5.js";import"./shared-bf695fe7.js";import"./shared-8b80db13.js";import"./shared-30cbf0a6.js";import"./shared-343d1fd7.js";import"./shared-a0435ec6.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-4e709717.js";let d,i,l,y,p=e=>e;const u=s(r,"payment-card");class c extends u{constructor(){super(...arguments),this.hostedPaymentGatewaysHelper=null,this.paymentGatewaysHelper=null,this.__hostedPaymentGatewaysLoaderId="hostedPaymentGatewaysLoader",this.__paymentGatewaysLoaderId="paymentGatewaysLoader",this.__transactionLoaderId="transactionLoader",this.__storeLoaderId="storeLoader"}static get properties(){return e(e({},super.properties),{},{hostedPaymentGatewaysHelper:{attribute:"hosted-payment-gateways-helper"},paymentGatewaysHelper:{attribute:"payment-gateways-helper"}})}renderBody(){var e,s,r,u,c,h,_,m,f;const v=this.data,x=`${null!==(e=null==v?void 0:v.amount)&&void 0!==e?e:""} ${this.__currencyCode}`,$={currencyDisplay:this.__currencyDisplay,amount:x},w=null!==(r=null===(s=this.data)||void 0===s?void 0:s.fraud_protection_score)&&void 0!==r?r:0,b=w>0?"text-error":"text-success",L=w>0?"bg-error-10":"bg-success-10",g=(null!==(u=null==v?void 0:v.cc_type)&&void 0!==u?u:"unknown").toLowerCase(),j=null===(c=null==v?void 0:v.cc_exp_year)||void 0===c?void 0:c.substring(2),G=null==v?void 0:v.cc_exp_month,k=null===(h=null==v?void 0:v.cc_number_masked)||void 0===h?void 0:h.replace(/x/gi,"");return n(d||(d=p` <foxy-nucleon infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <foxy-nucleon infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <foxy-nucleon infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <foxy-nucleon infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <p class="leading-s"> <span class="block font-medium text-m" data-testid="line-1"> <foxy-i18n .options="${0}" infer="" key="price"></foxy-i18n> <span>&nbsp;&bull;&nbsp;</span> <foxy-i18n .options="${0}" infer="" key="date"></foxy-i18n> </span> <span class="block text-s text-secondary"> ${0} </span> ${0} <span class="mt-s flex space-x-s overflow-auto"> ${0} <foxy-i18n class="truncate flex font-medium h-xs items-center px-s rounded-s text-s ${0} ${0}" infer="" key="fraud_risk" .options="${0}"> </foxy-i18n> </span> </p> `),o(null!==(_=this.hostedPaymentGatewaysHelper)&&void 0!==_?_:void 0),this.__hostedPaymentGatewaysLoaderId,(()=>this.requestUpdate()),o(null!==(m=this.paymentGatewaysHelper)&&void 0!==m?m:void 0),this.__paymentGatewaysLoaderId,(()=>this.requestUpdate()),o(null==v?void 0:v._links["fx:transaction"].href),this.__transactionLoaderId,(()=>this.requestUpdate()),o(null==v?void 0:v._links["fx:store"].href),this.__storeLoaderId,(()=>this.requestUpdate()),$,{value:null==v?void 0:v.date_created},this.__gatewayName||n(i||(i=p`<foxy-i18n infer="" key="unknown"></foxy-i18n>`)),["processor_response","paypal_payer_id","third_party_id","purchase_order"].map((e=>{if(!(null==v?void 0:v[e]))return;return n(l||(l=p`<foxy-i18n class="${0}" infer="" key="${0}" .options="${0}"></foxy-i18n>`),"block text-s text-tertiary",e,v)})),G&&j&&k?n(y||(y=p` <span class="truncate flex items-center h-xs rounded-s overflow-hidden bg-contrast-5" data-testid="card-info"> <span class="h-xs">${0}</span> <span class="font-medium px-s">•••• ${0} ${0}/${0}</span> </span> `),null!==(f=t[g])&&void 0!==f?f:a,k,G,j):"",b,L,{score:w})}get isBodyReady(){return!!super.isBodyReady&&(!!this.__currencyCode&&(!!this.__currencyDisplay&&(!this.hostedPaymentGatewaysHelper||!this.paymentGatewaysHelper||!!this.__gatewayName)))}get __hostedPaymentGatewaysLoader(){return this.renderRoot.querySelector(`#${this.__hostedPaymentGatewaysLoaderId}`)}get __paymentGatewaysLoader(){return this.renderRoot.querySelector(`#${this.__paymentGatewaysLoaderId}`)}get __transactionLoader(){return this.renderRoot.querySelector(`#${this.__transactionLoaderId}`)}get __storeLoader(){return this.renderRoot.querySelector(`#${this.__storeLoaderId}`)}get __currencyDisplay(){var e;const t=null===(e=this.__storeLoader)||void 0===e?void 0:e.data;return t?t.use_international_currency_symbol?"code":"symbol":void 0}get __currencyCode(){var e,t;return null===(t=null===(e=this.__transactionLoader)||void 0===e?void 0:e.data)||void 0===t?void 0:t.currency_code}get __gatewayName(){var e,t,a,s,r,o;const n=null===(e=this.data)||void 0===e?void 0:e.gateway_type;if(n){const e=null===(a=null===(t=this.__paymentGatewaysLoader)||void 0===t?void 0:t.data)||void 0===a?void 0:a.values[n],d=null===(r=null===(s=this.__hostedPaymentGatewaysLoader)||void 0===s?void 0:s.data)||void 0===r?void 0:r.values[n];return null!==(o=null==e?void 0:e.name)&&void 0!==o?o:null==d?void 0:d.name}}}customElements.define("foxy-payment-card",c);export{c as PaymentCard};

package/dist/cdn/foxy-payment-method-card.js

@@ -1 +1 @@
-import"./shared-902b0773.js";import"./shared-31b7a6ad.js";import"./shared-cadbb2e3.js";import"./shared-2787655b.js";import"./shared-f9180815.js";import"./foxy-spinner.js";import"./shared-8d51eaa6.js";import{l as e,u as t}from"./shared-d7be11de.js";import{u as s,h as a,c as i}from"./shared-7f33a83a.js";import{B as r}from"./shared-1522d76f.js";import{C as n}from"./shared-b23c903e.js";import"./foxy-nucleon-element.js";import{T as d,a as o}from"./shared-550f9cae.js";import{c as l}from"./shared-4e709717.js";import{N as c}from"./shared-6a7f96c4.js";import"./shared-1c07b1be.js";import"./shared-d28b95c6.js";import"./shared-61ade33e.js";import"./shared-c37707da.js";import"./shared-07e9d1fb.js";import"./shared-343d1fd7.js";import"./shared-30cbf0a6.js";import"./shared-d3bf9ac0.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";const m=s("\n  repeating-radial-gradient(\n    circle at -100% 500%,\n    rgba(255, 255, 255, 0),\n    rgba(255, 255, 255, 0.05) 4px\n  )\n"),h=s(Object.entries({unknown:"#797c85",amex:"#2557d6",diners:"#0079be",discover:"#4d4d4d",jcb:"#0e4c96",maestro:"#181818",mastercard:"#16366f",unionpay:"#0dadb5",visa:"#0e4595"}).map((([e,t])=>`.bg-${e} { background: ${t} ${m} }`)).join(" "));let p,f,u,b,v,y,_,g=e=>e;const j=d(n(o(c,"payment-method-card")));class $ extends j{constructor(){super(...arguments),this.templates={},this.__renderActionsDelete=()=>a(p||(p=g` <div class="flex"> ${0} <vaadin-button class="px-xs rounded" theme="icon" style="--lumo-primary-text-color:#fff;--lumo-primary-color-50pct:rgba(255, 255, 255, 0.5);--lumo-contrast-5pct:rgba(255, 255, 255, 0.05)" aria-label="${0}" data-testid="actions:delete" ?disabled="${0}" @click="${0}"> <iron-icon icon="icons:delete"></iron-icon> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("actions:delete:before"),this.t("delete").toString(),this.disabledSelector.matches("actions:delete",!0),this.__handleDelete,this.renderTemplateOrSlot("actions:delete:after")),this.__renderActions=()=>a(f||(f=g` <div class="flex" data-testid="actions"> ${0} ${0} ${0} </div> `),this.renderTemplateOrSlot("actions:before"),this.hiddenSelector.matches("actions:delete",!0)?"":this.__renderActionsDelete(),this.renderTemplateOrSlot("actions:after"))}static get styles(){return[super.styles,h,i(u||(u=g`.ratio-card{padding-top:63%;position:relative;height:0}.ratio-card>*{position:absolute;top:0;right:0;bottom:0;left:0}`))]}render(){var s,i,n,d,o,c;const{data:m,lang:h,ns:p}=this;if(this.in({idle:"template"})||!(null==m?void 0:m.save_cc)||!this.in("idle")){const e=this.in("fail")?"error":this.in("busy")?"busy":"empty";return a(b||(b=g` <div class="ratio-card" aria-live="polite" aria-busy="${0}" data-testid="wrapper"> <div class="h-full bg-contrast-5"></div> <div class="absolute inset-0 flex items-center justify-center"> <foxy-spinner data-testid="spinner" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),this.in("busy"),e,this.lang,p,null!==(i=null===(s=customElements.get("foxy-spinner"))||void 0===s?void 0:s.defaultNS)&&void 0!==i?i:"")}const f=null!==(d=null===(n=m.cc_type)||void 0===n?void 0:n.toLowerCase())&&void 0!==d?d:"unknown",u=null!==(o=e[f])&&void 0!==o?o:t,j=null===(c=m.cc_number_masked)||void 0===c?void 0:c.substring(m.cc_number_masked.length-4);return a(v||(v=g` <foxy-internal-confirm-dialog data-testid="confirm" message="delete_prompt" confirm="delete" cancel="cancel" header="delete" theme="primary error" lang="${0}" ns="${0}" id="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <div class="ratio-card" data-testid="wrapper" aria-busy="${0}" aria-live="polite"> <div class="flex flex-col justify-between text-base text-m leading-m font-lumo p-m bg-unknown bg-${0}"> <div class="${0}"> ${0} <div class="ml-auto rounded h-m">${0}</div> </div> <div class="font-tnum leading-none flex justify-between"> <div data-testid="expiry"> ${0} </div> <div data-testid="number"> ${0} </div> </div> </div> </div> `),h,p,this.__handleConfirmHide,this.in("busy"),f,l({"flex items-start":!0,"justify-between":this.readonlyControls===r.False,"justify-end":this.readonlyControls===r.True}),this.hiddenSelector.matches("actions",!0)?"":this.__renderActions(),u,m.cc_exp_month&&m.cc_exp_year?a(y||(y=g` <span class="sr-only">${0}&nbsp;</span> <span>${0} / ${0}</span> `),this.t("expires").toString(),m.cc_exp_month,m.cc_exp_year):"",j?a(_||(_=g` <span class="sr-only">${0}&nbsp;</span> <span aria-hidden="true">••••</span> <span>${0}</span> `),this.t("last_4_digits").toString(),j):"")}async _sendDelete(){const e=JSON.stringify({save_cc:!1});await this._fetch(this.href,{method:"PATCH",body:e});return c.Rumour(this.group).share({data:null,source:this.href,related:[this.parent]}),null}__handleDelete(e){this.renderRoot.querySelector("#confirm").show(e.currentTarget)}__handleConfirmHide(e){e.detail.cancelled||this.delete()}}customElements.define("foxy-payment-method-card",$);export{$ as PaymentMethodCard};
+import"./shared-e40937c5.js";import"./shared-8b80db13.js";import"./shared-37e1a834.js";import"./shared-030f561a.js";import"./shared-51c4a6dd.js";import"./foxy-spinner.js";import"./shared-f5d4dda0.js";import{l as e,u as t}from"./shared-2bf89a21.js";import{u as s,h as i,c as a}from"./shared-dc73b9a5.js";import{B as r}from"./shared-1522d76f.js";import{C as n}from"./shared-9f570db0.js";import"./foxy-nucleon-element.js";import{T as d,a as o}from"./shared-331a223c.js";import{c as l}from"./shared-4e709717.js";import{N as c}from"./shared-a0435ec6.js";import"./shared-bf695fe7.js";import"./shared-cfed658c.js";import"./shared-61ade33e.js";import"./shared-5df32007.js";import"./shared-07e9d1fb.js";import"./shared-343d1fd7.js";import"./shared-30cbf0a6.js";import"./shared-9803aa7c.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";const m=s("\n  repeating-radial-gradient(\n    circle at -100% 500%,\n    rgba(255, 255, 255, 0),\n    rgba(255, 255, 255, 0.05) 4px\n  )\n"),h=s(Object.entries({unknown:"#797c85",amex:"#2557d6",diners:"#0079be",discover:"#4d4d4d",jcb:"#0e4c96",maestro:"#181818",mastercard:"#16366f",unionpay:"#0dadb5",visa:"#0e4595"}).map((([e,t])=>`.bg-${e} { background: ${t} ${m} }`)).join(" "));let p,f,u,b,v,y,_,g=e=>e;const j=d(n(o(c,"payment-method-card")));class $ extends j{constructor(){super(...arguments),this.templates={},this.__renderActionsDelete=()=>i(p||(p=g` <div class="flex"> ${0} <vaadin-button class="px-xs rounded" theme="icon" style="--lumo-primary-text-color:#fff;--lumo-primary-color-50pct:rgba(255, 255, 255, 0.5);--lumo-contrast-5pct:rgba(255, 255, 255, 0.05)" aria-label="${0}" data-testid="actions:delete" ?disabled="${0}" @click="${0}"> <iron-icon icon="icons:delete"></iron-icon> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot("actions:delete:before"),this.t("delete").toString(),this.disabledSelector.matches("actions:delete",!0),this.__handleDelete,this.renderTemplateOrSlot("actions:delete:after")),this.__renderActions=()=>i(f||(f=g` <div class="flex" data-testid="actions"> ${0} ${0} ${0} </div> `),this.renderTemplateOrSlot("actions:before"),this.hiddenSelector.matches("actions:delete",!0)?"":this.__renderActionsDelete(),this.renderTemplateOrSlot("actions:after"))}static get styles(){return[super.styles,h,a(u||(u=g`.ratio-card{padding-top:63%;position:relative;height:0}.ratio-card>*{position:absolute;top:0;right:0;bottom:0;left:0}`))]}render(){var s,a,n,d,o,c;const{data:m,lang:h,ns:p}=this;if(this.in({idle:"template"})||!(null==m?void 0:m.save_cc)||!this.in("idle")){const e=this.in("fail")?"error":this.in("busy")?"busy":"empty";return i(b||(b=g` <div class="ratio-card" aria-live="polite" aria-busy="${0}" data-testid="wrapper"> <div class="h-full bg-contrast-5"></div> <div class="absolute inset-0 flex items-center justify-center"> <foxy-spinner data-testid="spinner" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),this.in("busy"),e,this.lang,p,null!==(a=null===(s=customElements.get("foxy-spinner"))||void 0===s?void 0:s.defaultNS)&&void 0!==a?a:"")}const f=null!==(d=null===(n=m.cc_type)||void 0===n?void 0:n.toLowerCase())&&void 0!==d?d:"unknown",u=null!==(o=e[f])&&void 0!==o?o:t,j=null===(c=m.cc_number_masked)||void 0===c?void 0:c.substring(m.cc_number_masked.length-4);return i(v||(v=g` <foxy-internal-confirm-dialog data-testid="confirm" message="delete_prompt" confirm="delete" cancel="cancel" header="delete" theme="primary error" lang="${0}" ns="${0}" id="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <div class="ratio-card" data-testid="wrapper" aria-busy="${0}" aria-live="polite"> <div class="flex flex-col justify-between text-base text-m leading-m font-lumo p-m bg-unknown bg-${0}"> <div class="${0}"> ${0} <div class="ml-auto rounded h-m">${0}</div> </div> <div class="font-tnum leading-none flex justify-between"> <div data-testid="expiry"> ${0} </div> <div data-testid="number"> ${0} </div> </div> </div> </div> `),h,p,this.__handleConfirmHide,this.in("busy"),f,l({"flex items-start":!0,"justify-between":this.readonlyControls===r.False,"justify-end":this.readonlyControls===r.True}),this.hiddenSelector.matches("actions",!0)?"":this.__renderActions(),u,m.cc_exp_month&&m.cc_exp_year?i(y||(y=g` <span class="sr-only">${0}&nbsp;</span> <span>${0} / ${0}</span> `),this.t("expires").toString(),m.cc_exp_month,m.cc_exp_year):"",j?i(_||(_=g` <span class="sr-only">${0}&nbsp;</span> <span aria-hidden="true">••••</span> <span>${0}</span> `),this.t("last_4_digits").toString(),j):"")}async _sendDelete(){const e=JSON.stringify({save_cc:!1});await this._fetch(this.href,{method:"PATCH",body:e});return c.Rumour(this.group).share({data:null,source:this.href,related:[this.parent]}),null}__handleDelete(e){this.renderRoot.querySelector("#confirm").show(e.currentTarget)}__handleConfirmHide(e){e.detail.cancelled||this.delete()}}customElements.define("foxy-payment-method-card",$);export{$ as PaymentMethodCard};

package/dist/cdn/foxy-payments-api-fraud-protection-card.js

@@ -1 +1 @@
-import"./shared-f9180815.js";import"./foxy-spinner.js";import"./shared-8d51eaa6.js";import{_ as r}from"./shared-1522d76f.js";import{a as e}from"./shared-550f9cae.js";import{T as s}from"./shared-7d24a3f1.js";import{h as t}from"./shared-7f33a83a.js";import"./shared-902b0773.js";import"./shared-1c07b1be.js";import"./shared-31b7a6ad.js";import"./shared-30cbf0a6.js";import"./shared-343d1fd7.js";import"./shared-b23c903e.js";import"./shared-d3bf9ac0.js";import"./shared-55f58244.js";import"./shared-6a7f96c4.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-4e709717.js";let a,i,o,d=r=>r;const m=e(s,"payments-api-fraud-protection-card");class l extends m{constructor(){super(...arguments),this.getImageSrc=null}static get defaultImageSrc(){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"}static get properties(){return r(r({},super.properties),{},{getImageSrc:{attribute:!1}})}renderBody(){var r,e;const s=super.renderBody({title:r=>t(a||(a=d`${0}`),r.helper.name),subtitle:r=>t(i||(i=d`${0}`),r.description)});if(!this.in({idle:"snapshot"}))return s;const m=l.defaultImageSrc,p=this.data;return t(o||(o=d` <figure class="flex items-center" style="gap:calc(.625em + (var(--lumo-border-radius)/ 4) - 1px)"> <img class="relative h-s w-s object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs" src="${0}" alt="${0}" @error="${0}"> <figcaption class="min-w-0 flex-1">${0}</figcaption> </figure> `),null!==(e=p?null===(r=this.getImageSrc)||void 0===r?void 0:r.call(this,p.type):null)&&void 0!==e?e:m,this.t("image_alt"),(r=>r.currentTarget.src=m),s)}}customElements.define("foxy-payments-api-fraud-protection-card",l);export{l as PaymentsApiFraudProtectionCard};
+import"./shared-51c4a6dd.js";import"./foxy-spinner.js";import"./shared-f5d4dda0.js";import{_ as r}from"./shared-1522d76f.js";import{a as e}from"./shared-331a223c.js";import{T as s}from"./shared-a9f76cae.js";import{h as t}from"./shared-dc73b9a5.js";import"./shared-e40937c5.js";import"./shared-bf695fe7.js";import"./shared-8b80db13.js";import"./shared-30cbf0a6.js";import"./shared-343d1fd7.js";import"./shared-9f570db0.js";import"./shared-9803aa7c.js";import"./shared-d244dd07.js";import"./shared-a0435ec6.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-4e709717.js";let a,i,d,o=r=>r;const m=e(s,"payments-api-fraud-protection-card");class l extends m{constructor(){super(...arguments),this.getImageSrc=null}static get defaultImageSrc(){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"}static get properties(){return r(r({},super.properties),{},{getImageSrc:{attribute:!1}})}renderBody(){var r,e;const s=super.renderBody({title:r=>t(a||(a=o`${0}`),r.helper.name),subtitle:r=>t(i||(i=o`${0}`),r.description)});if(!this.in({idle:"snapshot"}))return s;const m=l.defaultImageSrc,p=this.data;return t(d||(d=o` <figure class="flex items-center" style="gap:calc(.625em + (var(--lumo-border-radius)/ 4) - 1px)"> <img class="relative h-s w-s object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs" src="${0}" alt="${0}" @error="${0}"> <figcaption class="min-w-0 flex-1">${0}</figcaption> </figure> `),null!==(e=p?null===(r=this.getImageSrc)||void 0===r?void 0:r.call(this,p.type):null)&&void 0!==e?e:m,this.t("image_alt"),(r=>r.currentTarget.src=m),s)}}customElements.define("foxy-payments-api-fraud-protection-card",l);export{l as PaymentsApiFraudProtectionCard};

package/dist/cdn/foxy-payments-api-fraud-protection-form.js

@@ -1 +1 @@
-import"./shared-cadbb2e3.js";import"./shared-d2dc8486.js";import"./shared-38499b40.js";import"./shared-8ed04343.js";import"./shared-f7365ea5.js";import{I as e}from"./shared-6d34289d.js";import"./foxy-nucleon-element.js";import"./shared-8d51eaa6.js";import{_ as t,aJ as r,Y as o}from"./shared-1522d76f.js";import{a}from"./shared-550f9cae.js";import{i}from"./shared-d3bf9ac0.js";import{h as s}from"./shared-7f33a83a.js";import{s as l}from"./shared-0037b9e6.js";import{h as n}from"./shared-ff18b2d1.js";import"./shared-d28b95c6.js";import"./shared-1c07b1be.js";import"./shared-61ade33e.js";import"./shared-4721aeb1.js";import"./shared-2d40129d.js";import"./shared-ac62d098.js";import"./shared-902b0773.js";import"./shared-9f039798.js";import"./shared-a502026c.js";import"./shared-f9180815.js";import"./shared-b23c903e.js";import"./shared-30cbf0a6.js";import"./shared-6a7f96c4.js";import"./shared-07e9d1fb.js";import"./shared-343d1fd7.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-df8380e1.js";import"./shared-19732959.js";import"./shared-c36477d7.js";import"./shared-a26d7f7a.js";import"./shared-2787655b.js";import"./shared-c37707da.js";import"./shared-4e709717.js";import"./foxy-spinner.js";import"./shared-31b7a6ad.js";import"./shared-db306674.js";let d,c,h,p,f,u,m,v,_,b,g=e=>e;const j=a(e,"payments-api-fraud-protection-form");class x extends j{constructor(){super(...arguments),this.getImageSrc=null,this.templates={},this.__availableFraudProtectionsLoaderId="availableFraudProtections"}static get defaultImageSrc(){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"}static get properties(){return t(t({},super.properties),{},{getImageSrc:{attribute:!1}})}static get v8n(){return[({description:e})=>!e||e.length<=100||"description:v8n_too_long",({type:e})=>!!e||"type:v8n_required",({score_threshold_reject:e})=>"number"!=typeof e||(e<=100&&e>=0||"score-threshold-reject:v8n_out_of_range"),e=>{var t,r,o,a;const i=null!==(o=null===(r=null===(t=e.helper)||void 0===t?void 0:t.json)||void 0===r?void 0:r.blocks)&&void 0!==o?o:[];let s;try{s=JSON.parse(null!==(a=e.json)&&void 0!==a?a:"{}")}catch(e){s={}}for(const e of i)for(const t of e.fields)if("optional"in t&&!t.optional){const r=[e.parent_id,e.id,t.id].filter((e=>!!e));if(!n(s,r)&&"checkbox"!==t.type)return"json:v8n_invalid"}return!0}]}renderBody(){return this.form.type?this.__renderFraudProtectionConfig(this.form.type):this.__renderFraudProtectionSelector()}get __availableFraudProtectionsLoader(){return this.renderRoot.querySelector(`#${this.__availableFraudProtectionsLoaderId}`)}get __availableFraudProtectionsHref(){try{const e=r(/\/payment_presets\/(.+)\//,{presetId:1}),t=new URL(this.href||this.parent).pathname,o=e.exec(t).groups.presetId;return new URL(`/payment_presets/${o}/available_fraud_protections`,this.href||this.parent).toString()}catch(e){}}get __availableFraudProtections(){var e,t;return null===(t=null===(e=this.__availableFraudProtectionsLoader)||void 0===e?void 0:e.data)||void 0===t?void 0:t.values}__renderFraudProtectionSelector(){var e;const t=x.defaultImageSrc;return s(d||(d=g` <foxy-nucleon class="hidden" infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <foxy-i18n class="block text-xxl font-medium border-b border-contrast-10 pb-m" infer="" key="select_protection_title"> </foxy-i18n> <div data-testid="select-protection-list"> <ul class="-my-s grid grid-cols-1"> ${0} </ul> </div> `),i(this.__availableFraudProtectionsHref),this.__availableFraudProtectionsLoaderId,(()=>this.requestUpdate()),Object.entries(null!==(e=this.__availableFraudProtections)&&void 0!==e?e:{}).map((([e,r])=>{var o,a;return s(c||(c=g` <li class="-mx-s"> <button class="w-full block text-left hover-bg-contrast-5 p-s rounded" @click="${0}"> <figure class="flex items-center gap-m h-m"> <img class="relative h-m w-m object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs" src="${0}" alt="" @error="${0}"> <figcaption class="min-w-0 flex-1 truncate leading-s font-medium"> ${0}&ZeroWidthSpace; </figcaption> </figure> </button> </li> `),(()=>this.edit({type:e,helper:r})),null!==(a=null===(o=this.getImageSrc)||void 0===o?void 0:o.call(this,e))&&void 0!==a?a:t,(e=>{e.currentTarget.src=t}),r.name)})))}__renderFraudProtectionConfig(e){var t,r,o,a,i,l,n,d;const c=x.defaultImageSrc;return s(h||(h=g` <figure data-testid="logo" class="relative flex flex-col gap-m p-m items-center"> <img class="relative h-xl w-xl object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs" src="${0}" alt="" @error="${0}"> <figcaption class="relative min-w-0 font-medium text-xl text-center"> ${0}&ZeroWidthSpace; </figcaption> </figure> <foxy-internal-text-control infer="description"></foxy-internal-text-control> ${0} ${0} ${0} ${0} `),null!==(r=null===(t=this.getImageSrc)||void 0===t?void 0:t.call(this,e))&&void 0!==r?r:c,(e=>e.currentTarget.src=c),null!==(a=null===(o=this.form.helper)||void 0===o?void 0:o.name)&&void 0!==a?a:this.form.type,(null===(i=this.form.helper)||void 0===i?void 0:i.uses_rejection_threshold)?s(p||(p=g` <foxy-internal-integer-control infer="score-threshold-reject"> </foxy-internal-integer-control> `)):"",null===(n=null===(l=this.form.helper)||void 0===l?void 0:l.json)||void 0===n?void 0:n.blocks.map((e=>this.__renderBlock(e))),(null===(d=this.data)||void 0===d?void 0:d.type)?"":s(f||(f=g` <vaadin-button data-testid="select-another-button" theme="contrast" @click="${0}"> <foxy-i18n infer="" key="select_another_button_label"></foxy-i18n> </vaadin-button> `),(()=>this.undo())),super.renderBody())}__renderBlock(e){return s(u||(u=g`${0}`),e.fields.map((t=>{var r,a,i,n,d,c;const h=()=>{var r,a;let i;try{i=JSON.parse(null!==(r=this.form.json)&&void 0!==r?r:"")}catch(e){i={}}const s=[e.parent_id,e.id,t.id].filter((e=>!!e));return null!==(a=o(i,s))&&void 0!==a?a:i.default_value},p=r=>{var o;let a;try{a=JSON.parse(null!==(o=this.form.json)&&void 0!==o?o:"")}catch(e){a={}}const i=[e.parent_id,e.id,t.id].filter((e=>!!e));this.edit({json:JSON.stringify(l(a,i,r))})},f=t.options,u=["json",...[e.parent_id,e.id,t.id].filter((e=>!!e))].join("-").replace(/_/g,"-");return s(m||(m=g` ${0} `),"checkbox"===t.type?s(v||(v=g` <foxy-internal-checkbox-group-control helper-text="${0}" label="" infer="${0}" .options="${0}" .getValue="${0}" .setValue="${0}"> </foxy-internal-checkbox-group-control> `),null!==(r=t.description)&&void 0!==r?r:"",u,[{label:t.name,value:"checked"}],(()=>h()?["checked"]:[]),(e=>p(e.includes("checked")))):"select"===t.type?s(_||(_=g` <foxy-internal-select-control helper-text="${0}" placeholder="${0}" label="${0}" infer="${0}" .options="${0}" .getValue="${0}" .setValue="${0}"> </foxy-internal-select-control> `),null!==(a=t.description)&&void 0!==a?a:"",null!==(d=null===(n=null===(i=t.options)||void 0===i?void 0:i.find((e=>e.value===t.default_value)))||void 0===n?void 0:n.name)&&void 0!==d?d:this.t("default_additional_field_placeholder"),t.name,u,f.map((({name:e,value:t})=>({label:e,value:t}))),h,p):s(b||(b=g` <foxy-internal-text-control helper-text="${0}" placeholder="${0}" label="${0}" infer="${0}" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> `),null!==(c=t.description)&&void 0!==c?c:"",t.default_value||this.t("default_additional_field_placeholder"),t.name,u,h,p))})))}}customElements.define("foxy-payments-api-fraud-protection-form",x);export{x as PaymentsApiFraudProtectionForm};
+import"./shared-37e1a834.js";import"./shared-405a290e.js";import"./shared-0cf90158.js";import"./shared-83fc5dca.js";import"./shared-2920b595.js";import{I as e}from"./shared-966feb65.js";import"./foxy-nucleon-element.js";import"./shared-f5d4dda0.js";import{_ as t,aJ as r,Y as o}from"./shared-1522d76f.js";import{a}from"./shared-331a223c.js";import{i}from"./shared-9803aa7c.js";import{h as s}from"./shared-dc73b9a5.js";import{s as l}from"./shared-0037b9e6.js";import{h as n}from"./shared-ff18b2d1.js";import"./shared-cfed658c.js";import"./shared-bf695fe7.js";import"./shared-61ade33e.js";import"./shared-cd8c3429.js";import"./shared-fd0a4026.js";import"./shared-e40937c5.js";import"./shared-2062c274.js";import"./shared-51c4a6dd.js";import"./shared-9f570db0.js";import"./shared-30cbf0a6.js";import"./shared-a0435ec6.js";import"./shared-07e9d1fb.js";import"./shared-343d1fd7.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-db98729a.js";import"./shared-655e7c5f.js";import"./shared-4482e7b9.js";import"./shared-44bb85d8.js";import"./shared-8ab2ba91.js";import"./shared-9adc47da.js";import"./shared-3f19b914.js";import"./shared-651c44fa.js";import"./shared-030f561a.js";import"./shared-5df32007.js";import"./shared-4e709717.js";import"./foxy-spinner.js";import"./shared-8b80db13.js";import"./shared-db306674.js";let d,c,h,p,f,u,m,v,b,_,g=e=>e;const j=a(e,"payments-api-fraud-protection-form");class x extends j{constructor(){super(...arguments),this.getImageSrc=null,this.templates={},this.__availableFraudProtectionsLoaderId="availableFraudProtections"}static get defaultImageSrc(){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"}static get properties(){return t(t({},super.properties),{},{getImageSrc:{attribute:!1}})}static get v8n(){return[({description:e})=>!e||e.length<=100||"description:v8n_too_long",({type:e})=>!!e||"type:v8n_required",({score_threshold_reject:e})=>"number"!=typeof e||(e<=100&&e>=0||"score-threshold-reject:v8n_out_of_range"),e=>{var t,r,o,a;const i=null!==(o=null===(r=null===(t=e.helper)||void 0===t?void 0:t.json)||void 0===r?void 0:r.blocks)&&void 0!==o?o:[];let s;try{s=JSON.parse(null!==(a=e.json)&&void 0!==a?a:"{}")}catch(e){s={}}for(const e of i)for(const t of e.fields)if("optional"in t&&!t.optional){const r=[e.parent_id,e.id,t.id].filter((e=>!!e));if(!n(s,r)&&"checkbox"!==t.type)return"json:v8n_invalid"}return!0}]}renderBody(){return this.form.type?this.__renderFraudProtectionConfig(this.form.type):this.__renderFraudProtectionSelector()}get __availableFraudProtectionsLoader(){return this.renderRoot.querySelector(`#${this.__availableFraudProtectionsLoaderId}`)}get __availableFraudProtectionsHref(){try{const e=r(/\/payment_presets\/(.+)\//,{presetId:1}),t=new URL(this.href||this.parent).pathname,o=e.exec(t).groups.presetId;return new URL(`/payment_presets/${o}/available_fraud_protections`,this.href||this.parent).toString()}catch(e){}}get __availableFraudProtections(){var e,t;return null===(t=null===(e=this.__availableFraudProtectionsLoader)||void 0===e?void 0:e.data)||void 0===t?void 0:t.values}__renderFraudProtectionSelector(){var e;const t=x.defaultImageSrc;return s(d||(d=g` <foxy-nucleon class="hidden" infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <foxy-i18n class="block text-xxl font-medium border-b border-contrast-10 pb-m" infer="" key="select_protection_title"> </foxy-i18n> <div data-testid="select-protection-list"> <ul class="-my-s grid grid-cols-1"> ${0} </ul> </div> `),i(this.__availableFraudProtectionsHref),this.__availableFraudProtectionsLoaderId,(()=>this.requestUpdate()),Object.entries(null!==(e=this.__availableFraudProtections)&&void 0!==e?e:{}).map((([e,r])=>{var o,a;return s(c||(c=g` <li class="-mx-s"> <button class="w-full block text-left hover-bg-contrast-5 p-s rounded" @click="${0}"> <figure class="flex items-center gap-m h-m"> <img class="relative h-m w-m object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs" src="${0}" alt="" @error="${0}"> <figcaption class="min-w-0 flex-1 truncate leading-s font-medium"> ${0}&ZeroWidthSpace; </figcaption> </figure> </button> </li> `),(()=>this.edit({type:e,helper:r})),null!==(a=null===(o=this.getImageSrc)||void 0===o?void 0:o.call(this,e))&&void 0!==a?a:t,(e=>{e.currentTarget.src=t}),r.name)})))}__renderFraudProtectionConfig(e){var t,r,o,a,i,l,n,d;const c=x.defaultImageSrc;return s(h||(h=g` <figure data-testid="logo" class="relative flex flex-col gap-m p-m items-center"> <img class="relative h-xl w-xl object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs" src="${0}" alt="" @error="${0}"> <figcaption class="relative min-w-0 font-medium text-xl text-center"> ${0}&ZeroWidthSpace; </figcaption> </figure> <foxy-internal-text-control infer="description"></foxy-internal-text-control> ${0} ${0} ${0} ${0} `),null!==(r=null===(t=this.getImageSrc)||void 0===t?void 0:t.call(this,e))&&void 0!==r?r:c,(e=>e.currentTarget.src=c),null!==(a=null===(o=this.form.helper)||void 0===o?void 0:o.name)&&void 0!==a?a:this.form.type,(null===(i=this.form.helper)||void 0===i?void 0:i.uses_rejection_threshold)?s(p||(p=g` <foxy-internal-integer-control infer="score-threshold-reject"> </foxy-internal-integer-control> `)):"",null===(n=null===(l=this.form.helper)||void 0===l?void 0:l.json)||void 0===n?void 0:n.blocks.map((e=>this.__renderBlock(e))),(null===(d=this.data)||void 0===d?void 0:d.type)?"":s(f||(f=g` <vaadin-button data-testid="select-another-button" theme="contrast" @click="${0}"> <foxy-i18n infer="" key="select_another_button_label"></foxy-i18n> </vaadin-button> `),(()=>this.undo())),super.renderBody())}__renderBlock(e){return s(u||(u=g`${0}`),e.fields.map((t=>{var r,a,i,n,d,c;const h=()=>{var r,a;let i;try{i=JSON.parse(null!==(r=this.form.json)&&void 0!==r?r:"")}catch(e){i={}}const s=[e.parent_id,e.id,t.id].filter((e=>!!e));return null!==(a=o(i,s))&&void 0!==a?a:i.default_value},p=r=>{var o;let a;try{a=JSON.parse(null!==(o=this.form.json)&&void 0!==o?o:"")}catch(e){a={}}const i=[e.parent_id,e.id,t.id].filter((e=>!!e));this.edit({json:JSON.stringify(l(a,i,r))})},f=t.options,u=["json",...[e.parent_id,e.id,t.id].filter((e=>!!e))].join("-").replace(/_/g,"-");return s(m||(m=g` ${0} `),"checkbox"===t.type?s(v||(v=g` <foxy-internal-checkbox-group-control helper-text="${0}" label="" infer="${0}" .options="${0}" .getValue="${0}" .setValue="${0}"> </foxy-internal-checkbox-group-control> `),null!==(r=t.description)&&void 0!==r?r:"",u,[{label:t.name,value:"checked"}],(()=>h()?["checked"]:[]),(e=>p(e.includes("checked")))):"select"===t.type?s(b||(b=g` <foxy-internal-select-control helper-text="${0}" placeholder="${0}" label="${0}" infer="${0}" .options="${0}" .getValue="${0}" .setValue="${0}"> </foxy-internal-select-control> `),null!==(a=t.description)&&void 0!==a?a:"",null!==(d=null===(n=null===(i=t.options)||void 0===i?void 0:i.find((e=>e.value===t.default_value)))||void 0===n?void 0:n.name)&&void 0!==d?d:this.t("default_additional_field_placeholder"),t.name,u,f.map((({name:e,value:t})=>({label:e,value:t}))),h,p):s(_||(_=g` <foxy-internal-text-control helper-text="${0}" placeholder="${0}" label="${0}" infer="${0}" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> `),null!==(c=t.description)&&void 0!==c?c:"",t.default_value||this.t("default_additional_field_placeholder"),t.name,u,h,p))})))}}customElements.define("foxy-payments-api-fraud-protection-form",x);export{x as PaymentsApiFraudProtectionForm};

package/dist/cdn/foxy-payments-api-payment-method-card.js

@@ -1 +1 @@
-import"./shared-f9180815.js";import"./foxy-spinner.js";import"./shared-8d51eaa6.js";import{_ as e}from"./shared-1522d76f.js";import{a as r}from"./shared-550f9cae.js";import{T as s}from"./shared-7d24a3f1.js";import{h as t}from"./shared-7f33a83a.js";import"./shared-902b0773.js";import"./shared-1c07b1be.js";import"./shared-31b7a6ad.js";import"./shared-30cbf0a6.js";import"./shared-343d1fd7.js";import"./shared-b23c903e.js";import"./shared-d3bf9ac0.js";import"./shared-55f58244.js";import"./shared-6a7f96c4.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-4e709717.js";let a,i,o,d=e=>e;const m=r(s,"payments-api-payment-method-card");class l extends m{constructor(){super(...arguments),this.getImageSrc=null}static get defaultImageSrc(){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='m29.3 14 14-14H32.1l-14 14h11.2Zm2.7 9.9 12-12V.7L30.62 14.1A2 2 0 0 1 32 16v7.9ZM13.31 44h11.18L44 24.5V13.3l-12 12V28a2 2 0 0 1-2 2h-2.69l-14 14Zm-1.41 0H.7l14-14h11.2l-14 14Zm14 0h11.2l6.9-6.9V25.9L25.9 44Zm12.6 0H44v-5.5L38.5 44Z'/%3E%3Cpath fill='%23fff' d='M30 28H14v-6h16v6Zm0-10v-2H14v2h16ZM0 43.3l13.4-13.4A2 2 0 0 1 12 28v-7.9L0 32.12V43.3Z'/%3E%3Cpath fill='%23fff' d='M16.7 14H14c-1.11 0-1.99.89-1.99 2v2.7L0 30.7V19.52L19.52 0H30.7l-14 14Zm1.4-14H6.92L0 6.92V18.1L18.1 0ZM5.5 0H0v5.5L5.5 0Z'/%3E%3C/svg%3E"}static get properties(){return e(e({},super.properties),{},{getImageSrc:{attribute:!1}})}renderBody(){var e,r;const s=super.renderBody({title:e=>t(a||(a=d`${0}`),e.helper.name),subtitle:e=>t(i||(i=d`${0}`),e.description)});if(!this.in({idle:"snapshot"}))return s;const m=l.defaultImageSrc,p=this.data;return t(o||(o=d` <figure class="flex items-center" style="gap:calc(.625em + (var(--lumo-border-radius)/ 4) - 1px)"> <img class="relative h-s w-s object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs" src="${0}" alt="${0}" @error="${0}"> <figcaption class="min-w-0 flex-1">${0}</figcaption> </figure> `),null!==(r=p?null===(e=this.getImageSrc)||void 0===e?void 0:e.call(this,p.type):null)&&void 0!==r?r:m,this.t("image_alt"),(e=>e.currentTarget.src=m),s)}}customElements.define("foxy-payments-api-payment-method-card",l);export{l as PaymentsApiPaymentMethodCard};
+import"./shared-51c4a6dd.js";import"./foxy-spinner.js";import"./shared-f5d4dda0.js";import{_ as e}from"./shared-1522d76f.js";import{a as r}from"./shared-331a223c.js";import{T as s}from"./shared-a9f76cae.js";import{h as t}from"./shared-dc73b9a5.js";import"./shared-e40937c5.js";import"./shared-bf695fe7.js";import"./shared-8b80db13.js";import"./shared-30cbf0a6.js";import"./shared-343d1fd7.js";import"./shared-9f570db0.js";import"./shared-9803aa7c.js";import"./shared-d244dd07.js";import"./shared-a0435ec6.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-4e709717.js";let a,i,d,o=e=>e;const m=r(s,"payments-api-payment-method-card");class l extends m{constructor(){super(...arguments),this.getImageSrc=null}static get defaultImageSrc(){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='m29.3 14 14-14H32.1l-14 14h11.2Zm2.7 9.9 12-12V.7L30.62 14.1A2 2 0 0 1 32 16v7.9ZM13.31 44h11.18L44 24.5V13.3l-12 12V28a2 2 0 0 1-2 2h-2.69l-14 14Zm-1.41 0H.7l14-14h11.2l-14 14Zm14 0h11.2l6.9-6.9V25.9L25.9 44Zm12.6 0H44v-5.5L38.5 44Z'/%3E%3Cpath fill='%23fff' d='M30 28H14v-6h16v6Zm0-10v-2H14v2h16ZM0 43.3l13.4-13.4A2 2 0 0 1 12 28v-7.9L0 32.12V43.3Z'/%3E%3Cpath fill='%23fff' d='M16.7 14H14c-1.11 0-1.99.89-1.99 2v2.7L0 30.7V19.52L19.52 0H30.7l-14 14Zm1.4-14H6.92L0 6.92V18.1L18.1 0ZM5.5 0H0v5.5L5.5 0Z'/%3E%3C/svg%3E"}static get properties(){return e(e({},super.properties),{},{getImageSrc:{attribute:!1}})}renderBody(){var e,r;const s=super.renderBody({title:e=>t(a||(a=o`${0}`),e.helper.name),subtitle:e=>t(i||(i=o`${0}`),e.description)});if(!this.in({idle:"snapshot"}))return s;const m=l.defaultImageSrc,p=this.data;return t(d||(d=o` <figure class="flex items-center" style="gap:calc(.625em + (var(--lumo-border-radius)/ 4) - 1px)"> <img class="relative h-s w-s object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs" src="${0}" alt="${0}" @error="${0}"> <figcaption class="min-w-0 flex-1">${0}</figcaption> </figure> `),null!==(r=p?null===(e=this.getImageSrc)||void 0===e?void 0:e.call(this,p.type):null)&&void 0!==r?r:m,this.t("image_alt"),(e=>e.currentTarget.src=m),s)}}customElements.define("foxy-payments-api-payment-method-card",l);export{l as PaymentsApiPaymentMethodCard};

package/dist/cdn/foxy-payments-api-payment-method-form.js

@@ -1 +1 @@
-import"./shared-cadbb2e3.js";import"./shared-927fa880.js";import"./shared-50a3cb63.js";import"./shared-d2dc8486.js";import"./shared-d7910e16.js";import"./shared-8ed04343.js";import"./shared-f7365ea5.js";import{I as e}from"./shared-6d34289d.js";import"./foxy-nucleon-element.js";import"./shared-8d51eaa6.js";import{_ as t,aJ as r,Y as i}from"./shared-1522d76f.js";import{a as o}from"./shared-550f9cae.js";import{i as a}from"./shared-d3bf9ac0.js";import{c as l}from"./shared-4e709717.js";import{h as s}from"./shared-7f33a83a.js";import{h as n}from"./shared-ff18b2d1.js";import{s as d}from"./shared-0037b9e6.js";import"./shared-d28b95c6.js";import"./shared-1c07b1be.js";import"./shared-61ade33e.js";import"./shared-ac62d098.js";import"./shared-f1ee9bf9.js";import"./shared-902b0773.js";import"./shared-a26d7f7a.js";import"./shared-c36477d7.js";import"./shared-2d40129d.js";import"./shared-9f039798.js";import"./shared-a502026c.js";import"./shared-f9180815.js";import"./shared-b23c903e.js";import"./shared-30cbf0a6.js";import"./shared-6a7f96c4.js";import"./shared-07e9d1fb.js";import"./shared-343d1fd7.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-4721aeb1.js";import"./shared-2787655b.js";import"./shared-c37707da.js";import"./foxy-spinner.js";import"./shared-31b7a6ad.js";import"./shared-db306674.js";let c,h,p,f,u,m,_,v,y,b,g,x,$,j,k,S,V,M,w=e=>e;const L=o(e,"payments-api-payment-method-form");class P extends L{constructor(){super(...arguments),this.getImageSrc=null,this.templates={},this.__availablePaymentMethodsLoaderId="availablePaymentMethodsLoader",this.__threeDSecureResponseGetValue=()=>{var e;return(null===(e=this.form.config_3d_secure)||void 0===e?void 0:e.endsWith("require_valid_response"))?["valid_only"]:[]},this.__threeDSecureResponseSetValue=e=>{const t=e.includes("valid_only")?"_require_valid_response":"",r=this.form.config_3d_secure,i=(null==r?void 0:r.startsWith("all_cards"))?"all_cards":"maestro_only";this.edit({config_3d_secure:`${i}${t}`})},this.__threeDSecureResponseOptions=[{value:"valid_only",label:"option_valid_only"}],this.__threeDSecureToggleGetValue=()=>{const e=this.form.config_3d_secure;return(null==e?void 0:e.startsWith("all_cards"))?"all_cards":(null==e?void 0:e.startsWith("maestro_only"))?"maestro_only":"off"},this.__threeDSecureToggleSetValue=e=>{var t;let r="";"all_cards"!==e&&"maestro_only"!==e||(r=(null===(t=this.form.config_3d_secure)||void 0===t?void 0:t.endsWith("require_valid_response"))?`${e}_require_valid_response`:e),this.edit({config_3d_secure:r})},this.__threeDSecureToggleOptions=[{value:"off",label:"option_off"},{value:"all_cards",label:"option_all_cards"},{value:"maestro_only",label:"option_maestro_only"}],this.__tab=0}static get defaultImageSrc(){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='m29.3 14 14-14H32.1l-14 14h11.2Zm2.7 9.9 12-12V.7L30.62 14.1A2 2 0 0 1 32 16v7.9ZM13.31 44h11.18L44 24.5V13.3l-12 12V28a2 2 0 0 1-2 2h-2.69l-14 14Zm-1.41 0H.7l14-14h11.2l-14 14Zm14 0h11.2l6.9-6.9V25.9L25.9 44Zm12.6 0H44v-5.5L38.5 44Z'/%3E%3Cpath fill='%23fff' d='M30 28H14v-6h16v6Zm0-10v-2H14v2h16ZM0 43.3l13.4-13.4A2 2 0 0 1 12 28v-7.9L0 32.12V43.3Z'/%3E%3Cpath fill='%23fff' d='M16.7 14H14c-1.11 0-1.99.89-1.99 2v2.7L0 30.7V19.52L19.52 0H30.7l-14 14Zm1.4-14H6.92L0 6.92V18.1L18.1 0ZM5.5 0H0v5.5L5.5 0Z'/%3E%3C/svg%3E"}static get properties(){return t(t({},super.properties),{},{__tab:{attribute:!1},getImageSrc:{attribute:!1}})}static get v8n(){return[({description:e})=>!e||e.length<=100||"description:v8n_too_long",({type:e})=>!!e||"type:v8n_required",e=>{var t,r,i,o;const a=null!==(i=null===(r=null===(t=e.helper)||void 0===t?void 0:t.additional_fields)||void 0===r?void 0:r.blocks)&&void 0!==i?i:[];let l;try{l=JSON.parse(null!==(o=e.additional_fields)&&void 0!==o?o:"{}")}catch(e){l={}}for(const e of a)for(const t of e.fields)if("optional"in t&&!t.optional){const r=[e.parent_id,e.id,t.id].filter((e=>!!e));if(!n(l,r)&&"checkbox"!==t.type)return"additional-fields:v8n_invalid"}return!0}]}renderBody(){return this.form.type?this.__renderPaymentMethodConfig(this.form.type):this.__renderPaymentMethodSelector()}get __groupedAvailablePaymentMethods(){var e;return Object.entries(null!==(e=this.__availablePaymentMethods)&&void 0!==e?e:{}).sort(((e,t)=>e[0].localeCompare(t[0],"en"))).reduce(((e,[t,r])=>{const i=t.charAt(0).toUpperCase(),o=!/\w/.test(i)?"#":i,a=e.find((e=>e.name===o));return a?a.items.push({type:t,helper:r}):e.push({name:o,items:[{type:t,helper:r}]}),e}),[])}get __availablePaymentMethodsLoader(){return this.renderRoot.querySelector(`#${this.__availablePaymentMethodsLoaderId}`)}get __availablePaymentMethodsHref(){try{const e=r(/\/payment_presets\/(.+)\//,{presetId:1}),t=new URL(this.href||this.parent).pathname,i=e.exec(t).groups.presetId;return new URL(`/payment_presets/${i}/available_payment_methods`,this.href||this.parent).toString()}catch(e){}}get __availablePaymentMethods(){var e,t;return null===(t=null===(e=this.__availablePaymentMethodsLoader)||void 0===e?void 0:e.data)||void 0===t?void 0:t.values}get __liveBlocks(){var e,t,r;return null!==(r=null===(t=null===(e=this.form.helper)||void 0===e?void 0:e.additional_fields)||void 0===t?void 0:t.blocks.filter((e=>e.is_live)))&&void 0!==r?r:[]}get __testBlocks(){var e,t,r;return null!==(r=null===(t=null===(e=this.form.helper)||void 0===e?void 0:e.additional_fields)||void 0===t?void 0:t.blocks.filter((e=>!e.is_live)))&&void 0!==r?r:[]}__renderPaymentMethodSelector(){return s(c||(c=w` <foxy-nucleon class="hidden" infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <foxy-i18n class="block text-xxl font-medium border-b border-contrast-10 pb-m" infer="" key="select_method_title"> </foxy-i18n> <section data-testid="select-method-list"> <div class="-my-s"> ${0} </div> </section> `),a(this.__availablePaymentMethodsHref),this.__availablePaymentMethodsLoaderId,(()=>this.requestUpdate()),this.__groupedAvailablePaymentMethods.map((({name:e,items:t})=>s(h||(h=w` <p class="w-m text-center font-medium text-tertiary py-s">${0}</p> <ul class="grid grid-cols-1"> ${0} </ul> `),e,t.map((e=>s(p||(p=w`<li>${0}</li>`),this.__renderPaymentMethodButton(e))))))))}__renderPaymentMethodConfig(e){var t,r,i,o,a,n;const d=P.defaultImageSrc;return s(f||(f=w` <figure data-testid="logo" class="relative flex flex-col gap-m p-m items-center"> <img class="relative h-xl w-xl object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs" src="${0}" alt="" @error="${0}"> <figcaption class="relative min-w-0 font-medium text-xl text-center"> ${0}&ZeroWidthSpace; </figcaption> </figure> <div class="rounded border border-contrast-10"> <vaadin-tabs selected="${0}" theme="centered" @selected-changed="${0}"> <vaadin-tab><foxy-i18n infer="" key="tab_live"></foxy-i18n></vaadin-tab> <vaadin-tab><foxy-i18n infer="" key="tab_test"></foxy-i18n></vaadin-tab> </vaadin-tabs> <div class="overflow-hidden" style="--lumo-border-radius:var(--lumo-border-radius-s)"> <div data-testid="tab-content" class="grid grid-cols-2 gap-m transition-transform transform duration-300" style="${0}"> ${0} </div> </div> </div> <foxy-internal-text-control infer="description"></foxy-internal-text-control> ${0} ${0} ${0} `),null!==(r=null===(t=this.getImageSrc)||void 0===t?void 0:t.call(this,e))&&void 0!==r?r:d,(e=>e.currentTarget.src=d),null!==(o=null===(i=this.form.helper)||void 0===i?void 0:i.name)&&void 0!==o?o:this.form.type,this.__tab,(e=>{var t;const r=e.currentTarget;this.__tab=null!==(t=r.selected)&&void 0!==t?t:0}),l({"width: calc(200% + var(--lumo-space-m));":!0,"--tw-translate-x: 0;":0===this.__tab,"--tw-translate-x: calc(-50% - (var(--lumo-space-m) / 2));":0!==this.__tab}),["live","test"].map(((e,t)=>{var r,i,o;const a=0===t?"":`${e}-`,n=0===t?this.__liveBlocks:this.__testBlocks;return s(u||(u=w` <div class="${0}"> ${0} ${0} ${0} ${0} </div> `),l({"grid grid-cols-1 gap-m p-m transition-opacity duration-300":!0,"opacity-100":this.__tab===t,"opacity-0":this.__tab!==t}),(null===(r=this.form.helper)||void 0===r?void 0:r.id_description)?s(m||(m=w` <foxy-internal-text-control placeholder="${0}" helper-text="" label="${0}" infer="${0}account-id"> </foxy-internal-text-control> `),this.t("default_additional_field_placeholder"),this.form.helper.id_description,a):"",(null===(i=this.form.helper)||void 0===i?void 0:i.third_party_key_description)?s(_||(_=w` <foxy-internal-text-control placeholder="${0}" helper-text="" label="${0}" infer="${0}third-party-key"> </foxy-internal-text-control> `),this.t("default_additional_field_placeholder"),this.form.helper.third_party_key_description,a):"",(null===(o=this.form.helper)||void 0===o?void 0:o.key_description)?s(v||(v=w` <foxy-internal-text-control placeholder="${0}" helper-text="" label="${0}" infer="${0}account-key"> </foxy-internal-text-control> `),this.t("default_additional_field_placeholder"),this.form.helper.key_description,a):"",n.map((e=>this.__renderBlock(e))))})),(null===(a=this.form.helper)||void 0===a?void 0:a.supports_3d_secure)?s(y||(y=w` <foxy-internal-radio-group-control infer="three-d-secure-toggle" class="-mb-s" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-radio-group-control> ${0} `),this.__threeDSecureToggleGetValue,this.__threeDSecureToggleSetValue,this.__threeDSecureToggleOptions,this.form.config_3d_secure?s(b||(b=w` <foxy-internal-checkbox-group-control infer="three-d-secure-response" class="-mb-s" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-checkbox-group-control> `),this.__threeDSecureResponseGetValue,this.__threeDSecureResponseSetValue,this.__threeDSecureResponseOptions):""):"",(null===(n=this.data)||void 0===n?void 0:n.type)?"":s(g||(g=w` <vaadin-button data-testid="select-another-button" theme="contrast" @click="${0}"> <foxy-i18n infer="" key="select_another_button_label"></foxy-i18n> </vaadin-button> `),(()=>this.undo())),super.renderBody())}__renderPaymentMethodButton({type:e,helper:t}){var r,i;const o=P.defaultImageSrc;return s(x||(x=w` <button class="${0}" ?disabled="${0}" @click="${0}"> <figure class="flex items-center gap-m h-m"> <img class="relative h-m w-m object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs" src="${0}" alt="" @error="${0}"> <figcaption class="${0}"> <div class="font-medium">${0}&ZeroWidthSpace;</div> ${0} </figcaption> </figure> </button> `),l({"w-full block text-left p-s rounded -mx-s":!0,"transition-colors hover-bg-contrast-5":!t.conflict,"cursor-default":!!t.conflict}),!!t.conflict,(()=>this.edit({type:e,helper:t})),null!==(i=null===(r=this.getImageSrc)||void 0===r?void 0:r.call(this,e))&&void 0!==i?i:o,(e=>e.currentTarget.src=o),l({"min-w-0 flex-1 truncate leading-s":!0,"text-tertiary":!!t.conflict}),t.name,t.conflict?s($||($=w` <foxy-i18n class="block text-tertiary text-xs" infer="" key="conflict_message" .options="${0}"> </foxy-i18n> `),t.conflict):"")}__renderBlock(e){return s(j||(j=w`${0}`),e.fields.map((t=>{var r,o,a;const l=[e.parent_id,e.id,t.id].filter((e=>!!e)),n=["additional-fields",...l].join("-").replace(/_/g,"-"),c=()=>{var e,r;try{const t=JSON.parse(null!==(e=this.form.additional_fields)&&void 0!==e?e:"{}");return null!==(r=i(t,l))&&void 0!==r?r:t.default_value}catch(e){return t.default_value}},h=e=>{var t;try{const r=JSON.parse(null!==(t=this.form.additional_fields)&&void 0!==t?t:"{}");this.edit({additional_fields:JSON.stringify(d(r,l,e))})}catch(e){return""}},p=t.options;return s(k||(k=w` ${0} `),"checkbox"===t.type?s(S||(S=w` <foxy-internal-checkbox-group-control helper-text="${0}" label="" class="-mb-s" infer="${0}" .options="${0}" .getValue="${0}" .setValue="${0}"> </foxy-internal-checkbox-group-control> `),null!==(r=t.description)&&void 0!==r?r:"",n,[{label:t.name,value:"checked"}],(()=>c()?["checked"]:[]),(e=>{h(e.includes("checked"))})):"select"===t.type?s(V||(V=w` <foxy-internal-select-control helper-text="${0}" label="${0}" infer="${0}" .options="${0}" .getValue="${0}" .setValue="${0}"> </foxy-internal-select-control> `),null!==(o=t.description)&&void 0!==o?o:"",t.name,n,p.map((({name:e,value:t})=>({label:e,value:t}))),c,h):s(M||(M=w` <foxy-internal-text-control helper-text="${0}" placeholder="${0}" label="${0}" infer="${0}" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> `),null!==(a=t.description)&&void 0!==a?a:"",t.default_value||this.t("default_additional_field_placeholder"),t.name,n,c,h))})))}}customElements.define("foxy-payments-api-payment-method-form",P);export{P as PaymentsApiPaymentMethodForm};
+import"./shared-37e1a834.js";import"./shared-ae459232.js";import"./shared-882e7191.js";import"./shared-405a290e.js";import"./shared-7ea4cb27.js";import"./shared-83fc5dca.js";import"./shared-2920b595.js";import{I as e}from"./shared-966feb65.js";import"./foxy-nucleon-element.js";import"./shared-f5d4dda0.js";import{_ as t,aJ as r,Y as i}from"./shared-1522d76f.js";import{a as o}from"./shared-331a223c.js";import{i as a}from"./shared-9803aa7c.js";import{c as s}from"./shared-4e709717.js";import{h as l}from"./shared-dc73b9a5.js";import{h as n}from"./shared-ff18b2d1.js";import{s as d}from"./shared-0037b9e6.js";import"./shared-cfed658c.js";import"./shared-bf695fe7.js";import"./shared-61ade33e.js";import"./shared-655e7c5f.js";import"./shared-6ed07856.js";import"./shared-e40937c5.js";import"./shared-3f19b914.js";import"./shared-651c44fa.js";import"./shared-8ab2ba91.js";import"./shared-9adc47da.js";import"./shared-4482e7b9.js";import"./shared-fd0a4026.js";import"./shared-2062c274.js";import"./shared-51c4a6dd.js";import"./shared-9f570db0.js";import"./shared-30cbf0a6.js";import"./shared-a0435ec6.js";import"./shared-07e9d1fb.js";import"./shared-343d1fd7.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-cd8c3429.js";import"./shared-030f561a.js";import"./shared-5df32007.js";import"./foxy-spinner.js";import"./shared-8b80db13.js";import"./shared-db306674.js";let c,h,p,f,u,m,_,v,y,b,g,x,$,j,k,S,V,M,w=e=>e;const L=o(e,"payments-api-payment-method-form");class P extends L{constructor(){super(...arguments),this.getImageSrc=null,this.templates={},this.__availablePaymentMethodsLoaderId="availablePaymentMethodsLoader",this.__threeDSecureResponseGetValue=()=>{var e;return(null===(e=this.form.config_3d_secure)||void 0===e?void 0:e.endsWith("require_valid_response"))?["valid_only"]:[]},this.__threeDSecureResponseSetValue=e=>{const t=e.includes("valid_only")?"_require_valid_response":"",r=this.form.config_3d_secure,i=(null==r?void 0:r.startsWith("all_cards"))?"all_cards":"maestro_only";this.edit({config_3d_secure:`${i}${t}`})},this.__threeDSecureResponseOptions=[{value:"valid_only",label:"option_valid_only"}],this.__threeDSecureToggleGetValue=()=>{const e=this.form.config_3d_secure;return(null==e?void 0:e.startsWith("all_cards"))?"all_cards":(null==e?void 0:e.startsWith("maestro_only"))?"maestro_only":"off"},this.__threeDSecureToggleSetValue=e=>{var t;let r="";"all_cards"!==e&&"maestro_only"!==e||(r=(null===(t=this.form.config_3d_secure)||void 0===t?void 0:t.endsWith("require_valid_response"))?`${e}_require_valid_response`:e),this.edit({config_3d_secure:r})},this.__threeDSecureToggleOptions=[{value:"off",label:"option_off"},{value:"all_cards",label:"option_all_cards"},{value:"maestro_only",label:"option_maestro_only"}],this.__tab=0}static get defaultImageSrc(){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='m29.3 14 14-14H32.1l-14 14h11.2Zm2.7 9.9 12-12V.7L30.62 14.1A2 2 0 0 1 32 16v7.9ZM13.31 44h11.18L44 24.5V13.3l-12 12V28a2 2 0 0 1-2 2h-2.69l-14 14Zm-1.41 0H.7l14-14h11.2l-14 14Zm14 0h11.2l6.9-6.9V25.9L25.9 44Zm12.6 0H44v-5.5L38.5 44Z'/%3E%3Cpath fill='%23fff' d='M30 28H14v-6h16v6Zm0-10v-2H14v2h16ZM0 43.3l13.4-13.4A2 2 0 0 1 12 28v-7.9L0 32.12V43.3Z'/%3E%3Cpath fill='%23fff' d='M16.7 14H14c-1.11 0-1.99.89-1.99 2v2.7L0 30.7V19.52L19.52 0H30.7l-14 14Zm1.4-14H6.92L0 6.92V18.1L18.1 0ZM5.5 0H0v5.5L5.5 0Z'/%3E%3C/svg%3E"}static get properties(){return t(t({},super.properties),{},{__tab:{attribute:!1},getImageSrc:{attribute:!1}})}static get v8n(){return[({description:e})=>!e||e.length<=100||"description:v8n_too_long",({type:e})=>!!e||"type:v8n_required",e=>{var t,r,i,o;const a=null!==(i=null===(r=null===(t=e.helper)||void 0===t?void 0:t.additional_fields)||void 0===r?void 0:r.blocks)&&void 0!==i?i:[];let s;try{s=JSON.parse(null!==(o=e.additional_fields)&&void 0!==o?o:"{}")}catch(e){s={}}for(const e of a)for(const t of e.fields)if("optional"in t&&!t.optional){const r=[e.parent_id,e.id,t.id].filter((e=>!!e));if(!n(s,r)&&"checkbox"!==t.type)return"additional-fields:v8n_invalid"}return!0}]}renderBody(){return this.form.type?this.__renderPaymentMethodConfig(this.form.type):this.__renderPaymentMethodSelector()}get __groupedAvailablePaymentMethods(){var e;return Object.entries(null!==(e=this.__availablePaymentMethods)&&void 0!==e?e:{}).sort(((e,t)=>e[0].localeCompare(t[0],"en"))).reduce(((e,[t,r])=>{const i=t.charAt(0).toUpperCase(),o=!/\w/.test(i)?"#":i,a=e.find((e=>e.name===o));return a?a.items.push({type:t,helper:r}):e.push({name:o,items:[{type:t,helper:r}]}),e}),[])}get __availablePaymentMethodsLoader(){return this.renderRoot.querySelector(`#${this.__availablePaymentMethodsLoaderId}`)}get __availablePaymentMethodsHref(){try{const e=r(/\/payment_presets\/(.+)\//,{presetId:1}),t=new URL(this.href||this.parent).pathname,i=e.exec(t).groups.presetId;return new URL(`/payment_presets/${i}/available_payment_methods`,this.href||this.parent).toString()}catch(e){}}get __availablePaymentMethods(){var e,t;return null===(t=null===(e=this.__availablePaymentMethodsLoader)||void 0===e?void 0:e.data)||void 0===t?void 0:t.values}get __liveBlocks(){var e,t,r;return null!==(r=null===(t=null===(e=this.form.helper)||void 0===e?void 0:e.additional_fields)||void 0===t?void 0:t.blocks.filter((e=>e.is_live)))&&void 0!==r?r:[]}get __testBlocks(){var e,t,r;return null!==(r=null===(t=null===(e=this.form.helper)||void 0===e?void 0:e.additional_fields)||void 0===t?void 0:t.blocks.filter((e=>!e.is_live)))&&void 0!==r?r:[]}__renderPaymentMethodSelector(){return l(c||(c=w` <foxy-nucleon class="hidden" infer="" href="${0}" id="${0}" @update="${0}"> </foxy-nucleon> <foxy-i18n class="block text-xxl font-medium border-b border-contrast-10 pb-m" infer="" key="select_method_title"> </foxy-i18n> <section data-testid="select-method-list"> <div class="-my-s"> ${0} </div> </section> `),a(this.__availablePaymentMethodsHref),this.__availablePaymentMethodsLoaderId,(()=>this.requestUpdate()),this.__groupedAvailablePaymentMethods.map((({name:e,items:t})=>l(h||(h=w` <p class="w-m text-center font-medium text-tertiary py-s">${0}</p> <ul class="grid grid-cols-1"> ${0} </ul> `),e,t.map((e=>l(p||(p=w`<li>${0}</li>`),this.__renderPaymentMethodButton(e))))))))}__renderPaymentMethodConfig(e){var t,r,i,o,a,n;const d=P.defaultImageSrc;return l(f||(f=w` <figure data-testid="logo" class="relative flex flex-col gap-m p-m items-center"> <img class="relative h-xl w-xl object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs" src="${0}" alt="" @error="${0}"> <figcaption class="relative min-w-0 font-medium text-xl text-center"> ${0}&ZeroWidthSpace; </figcaption> </figure> <div class="rounded border border-contrast-10"> <vaadin-tabs selected="${0}" theme="centered" @selected-changed="${0}"> <vaadin-tab><foxy-i18n infer="" key="tab_live"></foxy-i18n></vaadin-tab> <vaadin-tab><foxy-i18n infer="" key="tab_test"></foxy-i18n></vaadin-tab> </vaadin-tabs> <div class="overflow-hidden" style="--lumo-border-radius:var(--lumo-border-radius-s)"> <div data-testid="tab-content" class="grid grid-cols-2 gap-m transition-transform transform duration-300" style="${0}"> ${0} </div> </div> </div> <foxy-internal-text-control infer="description"></foxy-internal-text-control> ${0} ${0} ${0} `),null!==(r=null===(t=this.getImageSrc)||void 0===t?void 0:t.call(this,e))&&void 0!==r?r:d,(e=>e.currentTarget.src=d),null!==(o=null===(i=this.form.helper)||void 0===i?void 0:i.name)&&void 0!==o?o:this.form.type,this.__tab,(e=>{var t;const r=e.currentTarget;this.__tab=null!==(t=r.selected)&&void 0!==t?t:0}),s({"width: calc(200% + var(--lumo-space-m));":!0,"--tw-translate-x: 0;":0===this.__tab,"--tw-translate-x: calc(-50% - (var(--lumo-space-m) / 2));":0!==this.__tab}),["live","test"].map(((e,t)=>{var r,i,o;const a=0===t?"":`${e}-`,n=0===t?this.__liveBlocks:this.__testBlocks;return l(u||(u=w` <div class="${0}"> ${0} ${0} ${0} ${0} </div> `),s({"grid grid-cols-1 gap-m p-m transition-opacity duration-300":!0,"opacity-100":this.__tab===t,"opacity-0":this.__tab!==t}),(null===(r=this.form.helper)||void 0===r?void 0:r.id_description)?l(m||(m=w` <foxy-internal-text-control placeholder="${0}" helper-text="" label="${0}" infer="${0}account-id"> </foxy-internal-text-control> `),this.t("default_additional_field_placeholder"),this.form.helper.id_description,a):"",(null===(i=this.form.helper)||void 0===i?void 0:i.third_party_key_description)?l(_||(_=w` <foxy-internal-text-control placeholder="${0}" helper-text="" label="${0}" infer="${0}third-party-key"> </foxy-internal-text-control> `),this.t("default_additional_field_placeholder"),this.form.helper.third_party_key_description,a):"",(null===(o=this.form.helper)||void 0===o?void 0:o.key_description)?l(v||(v=w` <foxy-internal-text-control placeholder="${0}" helper-text="" label="${0}" infer="${0}account-key"> </foxy-internal-text-control> `),this.t("default_additional_field_placeholder"),this.form.helper.key_description,a):"",n.map((e=>this.__renderBlock(e))))})),(null===(a=this.form.helper)||void 0===a?void 0:a.supports_3d_secure)?l(y||(y=w` <foxy-internal-radio-group-control infer="three-d-secure-toggle" class="-mb-s" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-radio-group-control> ${0} `),this.__threeDSecureToggleGetValue,this.__threeDSecureToggleSetValue,this.__threeDSecureToggleOptions,this.form.config_3d_secure?l(b||(b=w` <foxy-internal-checkbox-group-control infer="three-d-secure-response" class="-mb-s" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-checkbox-group-control> `),this.__threeDSecureResponseGetValue,this.__threeDSecureResponseSetValue,this.__threeDSecureResponseOptions):""):"",(null===(n=this.data)||void 0===n?void 0:n.type)?"":l(g||(g=w` <vaadin-button data-testid="select-another-button" theme="contrast" @click="${0}"> <foxy-i18n infer="" key="select_another_button_label"></foxy-i18n> </vaadin-button> `),(()=>this.undo())),super.renderBody())}__renderPaymentMethodButton({type:e,helper:t}){var r,i;const o=P.defaultImageSrc;return l(x||(x=w` <button class="${0}" ?disabled="${0}" @click="${0}"> <figure class="flex items-center gap-m h-m"> <img class="relative h-m w-m object-cover rounded-full bg-contrast-20 flex-shrink-0 shadow-xs" src="${0}" alt="" @error="${0}"> <figcaption class="${0}"> <div class="font-medium">${0}&ZeroWidthSpace;</div> ${0} </figcaption> </figure> </button> `),s({"w-full block text-left p-s rounded -mx-s":!0,"transition-colors hover-bg-contrast-5":!t.conflict,"cursor-default":!!t.conflict}),!!t.conflict,(()=>this.edit({type:e,helper:t})),null!==(i=null===(r=this.getImageSrc)||void 0===r?void 0:r.call(this,e))&&void 0!==i?i:o,(e=>e.currentTarget.src=o),s({"min-w-0 flex-1 truncate leading-s":!0,"text-tertiary":!!t.conflict}),t.name,t.conflict?l($||($=w` <foxy-i18n class="block text-tertiary text-xs" infer="" key="conflict_message" .options="${0}"> </foxy-i18n> `),t.conflict):"")}__renderBlock(e){return l(j||(j=w`${0}`),e.fields.map((t=>{var r,o,a;const s=[e.parent_id,e.id,t.id].filter((e=>!!e)),n=["additional-fields",...s].join("-").replace(/_/g,"-"),c=()=>{var e,r;try{const t=JSON.parse(null!==(e=this.form.additional_fields)&&void 0!==e?e:"{}");return null!==(r=i(t,s))&&void 0!==r?r:t.default_value}catch(e){return t.default_value}},h=e=>{var t;try{const r=JSON.parse(null!==(t=this.form.additional_fields)&&void 0!==t?t:"{}");this.edit({additional_fields:JSON.stringify(d(r,s,e))})}catch(e){return""}},p=t.options;return l(k||(k=w` ${0} `),"checkbox"===t.type?l(S||(S=w` <foxy-internal-checkbox-group-control helper-text="${0}" label="" class="-mb-s" infer="${0}" .options="${0}" .getValue="${0}" .setValue="${0}"> </foxy-internal-checkbox-group-control> `),null!==(r=t.description)&&void 0!==r?r:"",n,[{label:t.name,value:"checked"}],(()=>c()?["checked"]:[]),(e=>{h(e.includes("checked"))})):"select"===t.type?l(V||(V=w` <foxy-internal-select-control helper-text="${0}" label="${0}" infer="${0}" .options="${0}" .getValue="${0}" .setValue="${0}"> </foxy-internal-select-control> `),null!==(o=t.description)&&void 0!==o?o:"",t.name,n,p.map((({name:e,value:t})=>({label:e,value:t}))),c,h):l(M||(M=w` <foxy-internal-text-control helper-text="${0}" placeholder="${0}" label="${0}" infer="${0}" .getValue="${0}" .setValue="${0}"> </foxy-internal-text-control> `),null!==(a=t.description)&&void 0!==a?a:"",t.default_value||this.t("default_additional_field_placeholder"),t.name,n,c,h))})))}}customElements.define("foxy-payments-api-payment-method-form",P);export{P as PaymentsApiPaymentMethodForm};

package/dist/cdn/foxy-payments-api-payment-preset-card.js

@@ -1 +1 @@
-import"./shared-f9180815.js";import"./foxy-spinner.js";import"./shared-8d51eaa6.js";import{a as s}from"./shared-550f9cae.js";import{T as e}from"./shared-7d24a3f1.js";import{c as r}from"./shared-4e709717.js";import{h as a}from"./shared-7f33a83a.js";import"./shared-902b0773.js";import"./shared-1c07b1be.js";import"./shared-31b7a6ad.js";import"./shared-1522d76f.js";import"./shared-30cbf0a6.js";import"./shared-343d1fd7.js";import"./shared-b23c903e.js";import"./shared-d3bf9ac0.js";import"./shared-55f58244.js";import"./shared-6a7f96c4.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";let t,d,i=s=>s;const o=s(e,"payments-api-payment-preset-card");class p extends o{renderBody(){return super.renderBody({title:s=>a(t||(t=i`${0}`),s.description),subtitle:({is_live:s})=>a(d||(d=i` <foxy-i18n class="${0}" infer="" key="status_${0}"> </foxy-i18n> `),r({"text-success":s}),s?"live":"test")})}}customElements.define("foxy-payments-api-payment-preset-card",p);export{p as PaymentsApiPaymentPresetCard};
+import"./shared-51c4a6dd.js";import"./foxy-spinner.js";import"./shared-f5d4dda0.js";import{a as s}from"./shared-331a223c.js";import{T as e}from"./shared-a9f76cae.js";import{c as r}from"./shared-4e709717.js";import{h as a}from"./shared-dc73b9a5.js";import"./shared-e40937c5.js";import"./shared-bf695fe7.js";import"./shared-8b80db13.js";import"./shared-1522d76f.js";import"./shared-30cbf0a6.js";import"./shared-343d1fd7.js";import"./shared-9f570db0.js";import"./shared-9803aa7c.js";import"./shared-d244dd07.js";import"./shared-a0435ec6.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";let t,d,i=s=>s;const o=s(e,"payments-api-payment-preset-card");class p extends o{renderBody(){return super.renderBody({title:s=>a(t||(t=i`${0}`),s.description),subtitle:({is_live:s})=>a(d||(d=i` <foxy-i18n class="${0}" infer="" key="status_${0}"> </foxy-i18n> `),r({"text-success":s}),s?"live":"test")})}}customElements.define("foxy-payments-api-payment-preset-card",p);export{p as PaymentsApiPaymentPresetCard};

package/dist/cdn/foxy-payments-api-payment-preset-form.js

@@ -1 +1 @@
-import"./shared-d2dc8486.js";import"./shared-b06b1473.js";import"./shared-f7365ea5.js";import{I as e}from"./shared-6d34289d.js";import"./foxy-payments-api-fraud-protection-card.js";import"./foxy-payments-api-fraud-protection-form.js";import"./foxy-payments-api-payment-method-card.js";import"./foxy-payments-api-payment-method-form.js";import{_ as t}from"./shared-1522d76f.js";import{a as r}from"./shared-550f9cae.js";import{h as a}from"./shared-7f33a83a.js";import"./shared-4721aeb1.js";import"./shared-d28b95c6.js";import"./shared-1c07b1be.js";import"./shared-61ade33e.js";import"./shared-2d40129d.js";import"./shared-ac62d098.js";import"./shared-902b0773.js";import"./shared-9f039798.js";import"./shared-a502026c.js";import"./shared-f9180815.js";import"./shared-8d51eaa6.js";import"./shared-343d1fd7.js";import"./shared-30cbf0a6.js";import"./shared-b23c903e.js";import"./shared-d3bf9ac0.js";import"./shared-6a7f96c4.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-cadbb2e3.js";import"./foxy-collection-page.js";import"./foxy-spinner.js";import"./shared-31b7a6ad.js";import"./shared-d519a301.js";import"./shared-11c2efc8.js";import"./foxy-swipe-actions.js";import"./foxy-form-dialog.js";import"./shared-2787655b.js";import"./shared-c37707da.js";import"./shared-4e709717.js";import"./foxy-pagination.js";import"./shared-7d24a3f1.js";import"./shared-55f58244.js";import"./shared-38499b40.js";import"./shared-df8380e1.js";import"./shared-19732959.js";import"./shared-8ed04343.js";import"./shared-c36477d7.js";import"./shared-a26d7f7a.js";import"./foxy-nucleon-element.js";import"./shared-0037b9e6.js";import"./shared-db306674.js";import"./shared-ff18b2d1.js";import"./shared-927fa880.js";import"./shared-f1ee9bf9.js";import"./shared-50a3cb63.js";import"./shared-d7910e16.js";let s,o,i,p,d,n,m=e=>e;const h=r(e,"payments-api-payment-preset-form");class f extends h{constructor(){super(...arguments),this.getFraudProtectionImageSrc=null,this.getPaymentMethodImageSrc=null,this.templates={},this.__getIsPOEnabledValue=()=>this.form.is_purchase_order_enabled?["true"]:[],this.__setIsPOEnabledValue=e=>{this.edit({is_purchase_order_enabled:e.includes("true")})},this.__getIsLiveValue=()=>this.form.is_live?["live"]:["test"],this.__setIsLiveValue=e=>{this.edit({is_live:e.includes("live")})}}static get properties(){return t(t({},super.properties),{},{getFraudProtectionImageSrc:{attribute:!1},getPaymentMethodImageSrc:{attribute:!1}})}static get v8n(){return[({description:e})=>!!e||"description:v8n_required",({description:e})=>e&&e.length<=100||"description:v8n_too_long"]}renderBody(){const e=this.constructor;return a(s||(s=m` <foxy-internal-text-control infer="description"></foxy-internal-text-control> <div class="-mb-s"> <foxy-internal-checkbox-group-control infer="is-live" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-checkbox-group-control> <foxy-internal-checkbox-group-control infer="is-purchase-order-enabled" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-checkbox-group-control> </div> ${0} ${0} `),this.__getIsLiveValue,this.__setIsLiveValue,e.__isLiveOptions,this.__getIsPOEnabledValue,this.__setIsPOEnabledValue,e.__isPOEnabledOptions,this.data?a(o||(o=m` <foxy-internal-async-list-control infer="payment-methods" first="${0}" limit="5" .item="${0}" .form="${0}"> </foxy-internal-async-list-control> <foxy-internal-async-list-control infer="fraud-protections" first="${0}" limit="5" .item="${0}" .form="${0}"> </foxy-internal-async-list-control> `),this.data._links["fx:payment_methods"].href,(e=>a(i||(i=m` <foxy-payments-api-payment-method-card parent="${0}" infer="payments-api-payment-method-card" href="${0}" .getImageSrc="${0}"> </foxy-payments-api-payment-method-card> `),e.parent,e.href,this.getPaymentMethodImageSrc)),(e=>a(p||(p=m` <foxy-payments-api-payment-method-form parent="${0}" infer="payments-api-payment-method-form" href="${0}" id="form" .getImageSrc="${0}" @fetch="${0}" @update="${0}"> </foxy-payments-api-payment-method-form> `),e.dialog.parent,e.dialog.href,this.getPaymentMethodImageSrc,e.handleFetch,e.handleUpdate)),this.data._links["fx:fraud_protections"].href,(e=>a(d||(d=m` <foxy-payments-api-fraud-protection-card parent="${0}" infer="payments-api-fraud-protection-card" href="${0}" .getImageSrc="${0}"> </foxy-payments-api-fraud-protection-card> `),e.parent,e.href,this.getFraudProtectionImageSrc)),(e=>a(n||(n=m` <foxy-payments-api-fraud-protection-form parent="${0}" infer="payments-api-fraud-protection-form" href="${0}" id="form" .getImageSrc="${0}" @fetch="${0}" @update="${0}"> </foxy-payments-api-fraud-protection-form> `),e.dialog.parent,e.dialog.href,this.getFraudProtectionImageSrc,e.handleFetch,e.handleUpdate))):"",super.renderBody())}}f.__isPOEnabledOptions=[{label:"option_true",value:"true"}],f.__isLiveOptions=[{label:"option_live",value:"live"}],customElements.define("foxy-payments-api-payment-preset-form",f);export{f as PaymentsApiPaymentPresetForm};
+import"./shared-405a290e.js";import"./shared-1024766f.js";import"./shared-2920b595.js";import{I as e}from"./shared-966feb65.js";import"./foxy-payments-api-fraud-protection-card.js";import"./foxy-payments-api-fraud-protection-form.js";import"./foxy-payments-api-payment-method-card.js";import"./foxy-payments-api-payment-method-form.js";import{_ as t}from"./shared-1522d76f.js";import{a as r}from"./shared-331a223c.js";import{h as a}from"./shared-dc73b9a5.js";import"./shared-cd8c3429.js";import"./shared-cfed658c.js";import"./shared-bf695fe7.js";import"./shared-61ade33e.js";import"./shared-fd0a4026.js";import"./shared-e40937c5.js";import"./shared-2062c274.js";import"./shared-51c4a6dd.js";import"./shared-f5d4dda0.js";import"./shared-343d1fd7.js";import"./shared-30cbf0a6.js";import"./shared-9f570db0.js";import"./shared-9803aa7c.js";import"./shared-a0435ec6.js";import"./shared-07e9d1fb.js";import"./shared-3ab0306f.js";import"./shared-eb116b3e.js";import"./shared-37e1a834.js";import"./foxy-collection-page.js";import"./foxy-spinner.js";import"./shared-8b80db13.js";import"./shared-a0c6a159.js";import"./shared-99940888.js";import"./foxy-swipe-actions.js";import"./foxy-form-dialog.js";import"./shared-030f561a.js";import"./shared-5df32007.js";import"./shared-4e709717.js";import"./foxy-pagination.js";import"./shared-4482e7b9.js";import"./shared-655e7c5f.js";import"./shared-a9f76cae.js";import"./shared-d244dd07.js";import"./shared-0cf90158.js";import"./shared-db98729a.js";import"./shared-44bb85d8.js";import"./shared-83fc5dca.js";import"./shared-8ab2ba91.js";import"./shared-9adc47da.js";import"./shared-3f19b914.js";import"./shared-651c44fa.js";import"./foxy-nucleon-element.js";import"./shared-0037b9e6.js";import"./shared-db306674.js";import"./shared-ff18b2d1.js";import"./shared-ae459232.js";import"./shared-6ed07856.js";import"./shared-882e7191.js";import"./shared-7ea4cb27.js";let s,o,i,p,d,n,m=e=>e;const h=r(e,"payments-api-payment-preset-form");class f extends h{constructor(){super(...arguments),this.getFraudProtectionImageSrc=null,this.getPaymentMethodImageSrc=null,this.templates={},this.__getIsPOEnabledValue=()=>this.form.is_purchase_order_enabled?["true"]:[],this.__setIsPOEnabledValue=e=>{this.edit({is_purchase_order_enabled:e.includes("true")})},this.__getIsLiveValue=()=>this.form.is_live?["live"]:["test"],this.__setIsLiveValue=e=>{this.edit({is_live:e.includes("live")})}}static get properties(){return t(t({},super.properties),{},{getFraudProtectionImageSrc:{attribute:!1},getPaymentMethodImageSrc:{attribute:!1}})}static get v8n(){return[({description:e})=>!!e||"description:v8n_required",({description:e})=>e&&e.length<=100||"description:v8n_too_long"]}renderBody(){const e=this.constructor;return a(s||(s=m` <foxy-internal-text-control infer="description"></foxy-internal-text-control> <div class="-mb-s"> <foxy-internal-checkbox-group-control infer="is-live" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-checkbox-group-control> <foxy-internal-checkbox-group-control infer="is-purchase-order-enabled" .getValue="${0}" .setValue="${0}" .options="${0}"> </foxy-internal-checkbox-group-control> </div> ${0} ${0} `),this.__getIsLiveValue,this.__setIsLiveValue,e.__isLiveOptions,this.__getIsPOEnabledValue,this.__setIsPOEnabledValue,e.__isPOEnabledOptions,this.data?a(o||(o=m` <foxy-internal-async-list-control infer="payment-methods" first="${0}" limit="5" .item="${0}" .form="${0}"> </foxy-internal-async-list-control> <foxy-internal-async-list-control infer="fraud-protections" first="${0}" limit="5" .item="${0}" .form="${0}"> </foxy-internal-async-list-control> `),this.data._links["fx:payment_methods"].href,(e=>a(i||(i=m` <foxy-payments-api-payment-method-card parent="${0}" infer="payments-api-payment-method-card" href="${0}" .getImageSrc="${0}"> </foxy-payments-api-payment-method-card> `),e.parent,e.href,this.getPaymentMethodImageSrc)),(e=>a(p||(p=m` <foxy-payments-api-payment-method-form parent="${0}" infer="payments-api-payment-method-form" href="${0}" id="form" .getImageSrc="${0}" @fetch="${0}" @update="${0}"> </foxy-payments-api-payment-method-form> `),e.dialog.parent,e.dialog.href,this.getPaymentMethodImageSrc,e.handleFetch,e.handleUpdate)),this.data._links["fx:fraud_protections"].href,(e=>a(d||(d=m` <foxy-payments-api-fraud-protection-card parent="${0}" infer="payments-api-fraud-protection-card" href="${0}" .getImageSrc="${0}"> </foxy-payments-api-fraud-protection-card> `),e.parent,e.href,this.getFraudProtectionImageSrc)),(e=>a(n||(n=m` <foxy-payments-api-fraud-protection-form parent="${0}" infer="payments-api-fraud-protection-form" href="${0}" id="form" .getImageSrc="${0}" @fetch="${0}" @update="${0}"> </foxy-payments-api-fraud-protection-form> `),e.dialog.parent,e.dialog.href,this.getFraudProtectionImageSrc,e.handleFetch,e.handleUpdate))):"",super.renderBody())}}f.__isPOEnabledOptions=[{label:"option_true",value:"true"}],f.__isLiveOptions=[{label:"option_live",value:"live"}],customElements.define("foxy-payments-api-payment-preset-form",f);export{f as PaymentsApiPaymentPresetForm};