npm - @adyen/adyen-web - Versions diffs - 6.0.0-alpha.3 → 6.0.0-alpha.4 - Mend

@adyen/adyen-web 6.0.0-alpha.3 → 6.0.0-alpha.4

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

Files changed (1054) hide show

package/dist/es-legacy/components/internal/SecuredFields/lib/securedField/SecuredField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SecuredField.js","sources":["../../../../../../../src/components/internal/SecuredFields/lib/securedField/SecuredField.ts"],"sourcesContent":["import * as logger from '../utilities/logger';\nimport createIframe from './utils/createIframe';\nimport { off, on, removeAllChildren, selectOne } from '../utilities/dom';\nimport postMessageToIframe from '../CSF/utils/iframes/postMessageToIframe';\nimport { isChromeVoxPostMsg, isWebpackPostMsg, originCheckPassed } from '../CSF/utils/iframes/postMessageValidation';\nimport {\n CVC_POLICY_HIDDEN,\n CVC_POLICY_OPTIONAL,\n DATE_POLICY_HIDDEN,\n DATE_POLICY_OPTIONAL,\n ENCRYPTED_EXPIRY_DATE,\n ENCRYPTED_EXPIRY_MONTH,\n ENCRYPTED_EXPIRY_YEAR,\n ENCRYPTED_SECURITY_CODE\n} from '../configuration/constants';\nimport { generateRandomNumber } from '../utilities/commonUtils';\nimport { CVCPolicyType, DatePolicyType, RtnType_callbackFn, RtnType_noParamVoidFn, RtnType_postMessageListener, SFFeedbackObj } from '../types';\nimport AbstractSecuredField from './AbstractSecuredField';\nimport { AriaConfig, IframeConfigObject, SecuredFieldSetupObject, SecuredFieldCommonProps } from '../types';\nimport { reject } from '../../utils';\nimport { processAriaConfig } from './utils/processAriaConfig';\nimport { processPlaceholders } from './utils/processPlaceholders';\nimport Language from '../../../../../language/Language';\nimport { hasOwnProperty } from '../../../../../utils/hasOwnProperty';\nimport { Placeholders } from '../../SFP/types';\nimport './SecuredField.scss';\n\nconst logPostMsg = false;\nconst doLog = false;\n\nclass SecuredField extends AbstractSecuredField {\n constructor(pSetupObj: SecuredFieldSetupObject, i18n: Language) {\n super();\n\n /*\n List of props to exclude from being set on this.sfConfig.\n * These props are only required for internal purposes. They do not get sent to the iframe\n /\n const deltaPropsArr: string[] = ['loadingContext', 'holderEl', 'iframeSrc', 'showContextualElement', 'placeholders'];\n\n /\n List of props from setup object that will be set on this.sfConfig\n * These props will all end up being sent to the iframe\n /\n const configVarsFromSetUpObj = reject(deltaPropsArr).from(pSetupObj);\n\n // Copy passed setup object values to this.sfConfig\n this.sfConfig = {\n // ...this.sfConfig, // Do we need to do this? Pretty sure we don't\n ...configVarsFromSetUpObj,\n // Break references on iframeUIConfig object so we can overwrite its properties in each securedField instance\n iframeUIConfig: { ...configVarsFromSetUpObj.iframeUIConfig }\n } as SecuredFieldCommonProps;\n\n /\n Extract values only needed for init\n /\n const { iframeSrc, placeholders, showContextualElement } = pSetupObj;\n\n /\n Store those passed setup object values that are needed in multiple functions\n /\n this.loadingContext = pSetupObj.loadingContext;\n this.holderEl = pSetupObj.holderEl;\n\n /\n Initiate other values on 'this' through setters\n /\n this.isValid = false;\n this.iframeContentWindow = null;\n this.numKey = generateRandomNumber();\n this.isEncrypted = false;\n this.hasError = false;\n this.errorType = '';\n this.cvcPolicy = pSetupObj.cvcPolicy;\n this.expiryDatePolicy = pSetupObj.expiryDatePolicy;\n\n if (process.env.NODE_ENV === 'development' && doLog) {\n logger.log(\n '### SecuredField::constructor:: this.sfConfig.fieldType=',\n this.sfConfig.fieldType,\n 'isValid=',\n this._isValid,\n 'numKey=',\n this.numKey\n );\n logger.log('\\n');\n }\n\n return this.init(i18n, iframeSrc, placeholders, showContextualElement);\n }\n\n init(i18n: Language, iframeSrc: string, placeholders: Placeholders, showContextualElement: boolean): SecuredField {\n /\n Ensure all fields have a related ariaConfig object containing, at minimum, an iframeTitle property and a (translated) errors object\n /\n const processedAriaConfig: AriaConfig = processAriaConfig(this.sfConfig.txVariant, this.sfConfig.fieldType, i18n, showContextualElement);\n // Set result back onto config object\n this.sfConfig.iframeUIConfig.ariaConfig = processedAriaConfig;\n\n // Set result back onto config object\n this.sfConfig.iframeUIConfig.placeholders = processPlaceholders(this.sfConfig.txVariant, this.sfConfig.fieldType, placeholders);\n\n /\n Configure, create & reference iframe and add load listener\n /\n const iframeConfig = {\n src: iframeSrc,\n title: processedAriaConfig[this.sfConfig.fieldType].iframeTitle,\n policy: 'origin'\n };\n\n const iframeEl: HTMLIFrameElement = createIframe(iframeConfig);\n\n // Place the iframe into the holder\n this.holderEl.appendChild(iframeEl);\n\n // Now examine the holder to get an actual DOM node\n const iframe: HTMLIFrameElement = selectOne(this.holderEl, '.js-iframe');\n\n if (iframe) {\n this.iframeContentWindow = iframe.contentWindow;\n\n // Create reference to bound fn (see getters/setters for binding)\n this.iframeOnLoadListener = this.iframeOnLoadListenerFn;\n\n on(iframe, 'load', this.iframeOnLoadListener, false);\n }\n\n this.iframeRef = iframe;\n\n return this;\n }\n\n iframeOnLoadListenerFn(): void {\n // Create reference to bound fn (see getters/setters for binding)\n this.postMessageListener = this.postMessageListenerFn;\n\n // Add general listener for 'message' EVENT - the event that 'powers' postMessage\n on(window, 'message', this.postMessageListener, false);\n\n // Create and send config object to iframe\n const configObj: IframeConfigObject = {\n ...this.sfConfig,\n numKey: this.numKey\n };\n\n if (window._b$dl) console.log('### SecuredField:::: onIframeLoaded:: created configObj=', configObj);\n\n postMessageToIframe(configObj, this.iframeContentWindow, this.loadingContext);\n //--\n\n // Callback to say iframe loaded\n this.onIframeLoadedCallback();\n }\n\n postMessageListenerFn(event: MessageEvent): void {\n // Check message is from expected domain\n if (!originCheckPassed(event, this.loadingContext, this.sfConfig.showWarnings)) {\n return;\n }\n\n // TODO - for debugging purposes this would always be useful to see\n // logger.log('\\n',this.sfConfig.fieldType,'### CSF SecuredField::postMessageListener:: event.data=',event.data);\n\n if (process.env.NODE_ENV === 'development' && logPostMsg) {\n logger.log(\n '\\n###CSF SecuredField::postMessageListener:: DOMAIN & ORIGIN MATCH, NO WEBPACK WEIRDNESS fieldType=',\n this.sfConfig.fieldType,\n 'txVariant=',\n this.sfConfig.txVariant,\n 'this.numKey=',\n this.numKey\n );\n }\n\n // PARSE DATA OBJECT (thus testing if it is a JSON string) - OR TRY & WORK OUT WHY THE PARSING FAILED\n let feedbackObj: SFFeedbackObj;\n\n try {\n feedbackObj = JSON.parse(event.data);\n } catch (e) {\n // Was the message generated by webpack?\n if (isWebpackPostMsg(event)) {\n if (this.sfConfig.showWarnings) logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - WEBPACK');\n return;\n }\n\n // Was the message generated by ChromeVox?\n if (isChromeVoxPostMsg(event)) {\n if (this.sfConfig.showWarnings) logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - CHROMEVOX');\n return;\n }\n\n if (this.sfConfig.showWarnings)\n logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - UNKNOWN REASON: event.data=', event.data);\n return;\n }\n\n // CHECK FOR EXPECTED PROPS\n const hasMainProps: boolean = hasOwnProperty(feedbackObj, 'action') && hasOwnProperty(feedbackObj, 'numKey');\n\n if (!hasMainProps) {\n if (this.sfConfig.showWarnings) logger.warn('WARNING SecuredField :: postMessage listener for iframe :: data mismatch!');\n return;\n }\n\n if (process.env.NODE_ENV === 'development' && logPostMsg) {\n logger.log('### SecuredField::postMessageListener:: feedbackObj.numKey=', feedbackObj.numKey);\n }\n\n if (this.numKey !== feedbackObj.numKey) {\n if (this.sfConfig.showWarnings) {\n logger.warn(\n 'WARNING SecuredField :: postMessage listener for iframe :: data mismatch! ' +\n '(Probably a message from an unrelated securedField)'\n );\n }\n return;\n }\n\n // VALIDATION CHECKS PASSED - DECIDE ON COURSE OF ACTION\n if (process.env.NODE_ENV === 'development' && logPostMsg) {\n logger.log(\n '### SecuredField::postMessageListener:: numkeys match PROCEED WITH POST MESSAGE PROCESSING fieldType=',\n this.sfConfig.fieldType,\n 'txVariant=',\n this.sfConfig.txVariant\n );\n }\n\n switch (feedbackObj.action) {\n case 'encryption':\n this.isValid = true;\n this.onEncryptionCallback(feedbackObj);\n break;\n\n case 'config':\n if (window._b$dl)\n console.log('### SecuredField::postMessageListenerFn:: configured - calling onConfigCallback', feedbackObj.fieldType);\n this.onConfigCallback(feedbackObj);\n break;\n\n case 'focus':\n this.onFocusCallback(feedbackObj);\n\n // HORRIBLE HORRIBLE HACK to get round bug in TestCafe - see comment on 3rd test in packages/e2e/tests/cards/branding/branding.test.js\n if (process.env.NODE_ENV === 'development' && window.location.origin.indexOf('3024') > -1) {\n if (window['testCafeForceClick'] === true) {\n window['testCafeForceClick'] = false;\n this.onTouchstartCallback(feedbackObj);\n }\n }\n break;\n\n case 'binValue':\n this.onBinValueCallback(feedbackObj);\n break;\n\n // iOS ONLY - RE. iOS BUGS AROUND BLUR AND FOCUS EVENTS\n case 'touch':\n this.onTouchstartCallback(feedbackObj);\n break;\n\n // Only happens for Firefox & IE <= 11\n case 'shifttab':\n this.onShiftTabCallback(feedbackObj);\n break;\n\n case 'autoComplete':\n this.onAutoCompleteCallback(feedbackObj);\n break;\n\n /\n Validate, because action =\n \n 'brand'\n * 'delete'\n * 'luhnCheck'\n * //'incomplete field' (an error that follows from a focus (blur) event)\n * 'incorrectly filled field' (an error that follows from a focus (blur) event) // NEW\n * 'numberKeyPressed' (or date-, month-, year-, cvc-, pin-, or iban- KeyPressed)\n * - since we have no \"error\" action \"...KeyPressed\" is the action type on most error events (other than \"incomplete field\" or \"luhnCheck\")\n * and often these error events representing the clearing of an existing error\n /\n default:\n // If we're validation handling (& not encryption handling) field must be invalid\n this.isValid = false;\n this.onValidationCallback(feedbackObj);\n }\n }\n\n destroy(): void {\n off(window, 'message', this.postMessageListener, false);\n off(this.iframeRef, 'load', this.iframeOnLoadListener, false);\n this.iframeContentWindow = null;\n removeAllChildren(this.holderEl);\n }\n\n /\n Returns whether the securedField is hidden OR whether it is optional and not in error\n */\n isOptionalOrHidden(): boolean {\n if (\n this.sfConfig.fieldType === ENCRYPTED_EXPIRY_DATE \|\|\n this.sfConfig.fieldType === ENCRYPTED_EXPIRY_MONTH \|\|\n this.sfConfig.fieldType === ENCRYPTED_EXPIRY_YEAR\n ) {\n switch (this.expiryDatePolicy) {\n case DATE_POLICY_HIDDEN:\n return true;\n case DATE_POLICY_OPTIONAL:\n return !this.hasError;\n default:\n return false;\n }\n }\n\n if (this.sfConfig.fieldType === ENCRYPTED_SECURITY_CODE) {\n switch (this.cvcPolicy) {\n case CVC_POLICY_HIDDEN:\n return true;\n case CVC_POLICY_OPTIONAL:\n return !this.hasError;\n default:\n return false;\n }\n }\n\n // Any other type of securedField is not optional & can't be hidden\n return false;\n }\n\n // /////// ALLOCATE CALLBACKS /////////\n onIframeLoaded(callbackFn: RtnType_noParamVoidFn): SecuredField {\n this.onIframeLoadedCallback = callbackFn;\n return this;\n }\n\n onEncryption(callbackFn: RtnType_callbackFn): SecuredField {\n this.onEncryptionCallback = callbackFn;\n return this;\n }\n\n onValidation(callbackFn: RtnType_callbackFn): SecuredField {\n this.onValidationCallback = callbackFn;\n return this;\n }\n\n onConfig(callbackFn: RtnType_callbackFn): SecuredField {\n this.onConfigCallback = callbackFn;\n return this;\n }\n\n onFocus(callbackFn: RtnType_callbackFn): SecuredField {\n this.onFocusCallback = callbackFn;\n return this;\n }\n\n onBinValue(callbackFn: RtnType_callbackFn): SecuredField {\n this.onBinValueCallback = callbackFn;\n return this;\n }\n\n onTouchstart(callbackFn: RtnType_callbackFn): SecuredField {\n this.onTouchstartCallback = callbackFn;\n return this;\n }\n\n onShiftTab(callbackFn: RtnType_callbackFn): SecuredField {\n this.onShiftTabCallback = callbackFn;\n return this;\n }\n\n onAutoComplete(callbackFn: RtnType_callbackFn): SecuredField {\n this.onAutoCompleteCallback = callbackFn;\n return this;\n }\n //------------------------------------\n\n // ///////////// GETTERS/SETTERS //////////////\n\n get errorType(): string {\n return this._errorType;\n }\n set errorType(value: string) {\n this._errorType = value;\n }\n\n get hasError(): boolean {\n return this._hasError;\n }\n set hasError(value: boolean) {\n this._hasError = value;\n }\n\n get isValid(): boolean {\n if (this.sfConfig.fieldType === ENCRYPTED_SECURITY_CODE) {\n switch (this.cvcPolicy) {\n case CVC_POLICY_HIDDEN:\n // If cvc is hidden then the field is always valid\n return true;\n case CVC_POLICY_OPTIONAL:\n // If cvc is optional then the field is always valid UNLESS it has an error\n return !this.hasError;\n default:\n return this._isValid;\n }\n }\n\n if (\n this.sfConfig.fieldType === ENCRYPTED_EXPIRY_DATE \|\|\n this.sfConfig.fieldType === ENCRYPTED_EXPIRY_MONTH \|\|\n this.sfConfig.fieldType === ENCRYPTED_EXPIRY_YEAR\n ) {\n switch (this.expiryDatePolicy) {\n case DATE_POLICY_HIDDEN:\n // If date is hidden then the field is always valid\n return true;\n case DATE_POLICY_OPTIONAL:\n // If date is optional then the field is always valid UNLESS it has an error\n return !this.hasError;\n default:\n return this._isValid;\n }\n }\n\n return this._isValid;\n }\n set isValid(value: boolean) {\n this._isValid = value;\n }\n\n get cvcPolicy(): CVCPolicyType {\n return this._cvcPolicy;\n }\n\n set cvcPolicy(value: CVCPolicyType) {\n // Only set if this is a CVC field\n if (this.sfConfig.fieldType !== ENCRYPTED_SECURITY_CODE) return;\n\n // Only set if value has changed\n if (value === this.cvcPolicy) return;\n\n if (process.env.NODE_ENV === 'development' && doLog) logger.log(this.sfConfig.fieldType, '### SecuredField::cvcPolicy:: value=', value);\n\n this._cvcPolicy = value;\n\n // If the field has changed status (required <--> not required) AND it's error state was due to an isValidated call\n // NOTE: fixes issue in Components where you first validate and then start typing a maestro number\n // - w/o this and the fix in CSF the maestro PM will never register as valid\n if (this.hasError && this.errorType === 'isValidated') {\n this.hasError = false;\n }\n }\n\n get expiryDatePolicy(): DatePolicyType {\n return this._expiryDatePolicy;\n }\n\n set expiryDatePolicy(value: DatePolicyType) {\n // Only set if this is a date field type of securedField\n if (\n this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_DATE &&\n this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_MONTH &&\n this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_YEAR\n )\n return;\n\n // Only set if value has changed\n if (value === this.expiryDatePolicy) return;\n\n if (process.env.NODE_ENV === 'development' && doLog) logger.log(this.sfConfig.fieldType, '### SecuredField:expiryDatePolicy:: value=', value);\n\n this._expiryDatePolicy = value;\n\n // If the field has changed status (required <--> not required) AND it's error state was due to an isValidated call\n if (this.hasError && this.errorType === 'isValidated') {\n this.hasError = false;\n }\n }\n\n get iframeContentWindow(): Window {\n return this._iframeContentWindow;\n }\n set iframeContentWindow(value: Window) {\n this._iframeContentWindow = value;\n }\n\n get isEncrypted(): boolean {\n return this._isEncrypted;\n }\n set isEncrypted(value: boolean) {\n this._isEncrypted = value;\n }\n\n get numKey(): number {\n return this._numKey;\n }\n set numKey(value: number) {\n this._numKey = value;\n }\n\n // Internal use - way to create listener refs that we can add/remove\n get iframeOnLoadListener(): RtnType_noParamVoidFn {\n return this._iframeOnLoadListener;\n }\n set iframeOnLoadListener(value: RtnType_noParamVoidFn) {\n this._iframeOnLoadListener = value.bind(this);\n }\n\n get postMessageListener(): RtnType_postMessageListener {\n return this._postMessageListener;\n }\n set postMessageListener(value: RtnType_postMessageListener) {\n this._postMessageListener = value.bind(this);\n }\n}\n\nexport default SecuredField;\n"],"names":["SecuredField","AbstractSecuredField","init","i18n","iframeSrc","placeholders","showContextualElement","processedAriaConfig","processAriaConfig","this","sfConfig","txVariant","fieldType","iframeUIConfig","ariaConfig","processPlaceholders","iframeConfig","src","title","iframeTitle","policy","iframeEl","createIframe","holderEl","appendChild","iframe","selectOne","iframeContentWindow","contentWindow","iframeOnLoadListener","iframeOnLoadListenerFn","on","iframeRef","postMessageListener","postMessageListenerFn","window","configObj","_object_spread_props","_object_spread","numKey","_b$dl","console","log","postMessageToIframe","loadingContext","onIframeLoadedCallback","event","originCheckPassed","showWarnings","feedbackObj","JSON","parse","data","e","isWebpackPostMsg","logger","isChromeVoxPostMsg","hasOwnProperty","action","isValid","onEncryptionCallback","onConfigCallback","onFocusCallback","onBinValueCallback","onTouchstartCallback","onShiftTabCallback","onAutoCompleteCallback","onValidationCallback","destroy","off","removeAllChildren","isOptionalOrHidden","ENCRYPTED_EXPIRY_DATE","ENCRYPTED_EXPIRY_MONTH","ENCRYPTED_EXPIRY_YEAR","expiryDatePolicy","DATE_POLICY_HIDDEN","DATE_POLICY_OPTIONAL","hasError","ENCRYPTED_SECURITY_CODE","cvcPolicy","CVC_POLICY_HIDDEN","CVC_POLICY_OPTIONAL","onIframeLoaded","callbackFn","onEncryption","onValidation","onConfig","onFocus","onBinValue","onTouchstart","onShiftTab","onAutoComplete","errorType","_errorType","value","_hasError","_isValid","_cvcPolicy","_expiryDatePolicy","_iframeContentWindow","isEncrypted","_isEncrypted","_numKey","_iframeOnLoadListener","bind","_postMessageListener","constructor","pSetupObj","super","configVarsFromSetUpObj","reject","from","generateRandomNumber"],"mappings":"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"}
1	+ {"version":3,"file":"SecuredField.js","sources":["../../../../../../../src/components/internal/SecuredFields/lib/securedField/SecuredField.ts"],"sourcesContent":["import * as logger from '../utilities/logger';\nimport createIframe from './utils/createIframe';\nimport { off, on, removeAllChildren, selectOne } from '../utilities/dom';\nimport postMessageToIframe from '../CSF/utils/iframes/postMessageToIframe';\nimport { isChromeVoxPostMsg, isWebpackPostMsg, originCheckPassed } from '../CSF/utils/iframes/postMessageValidation';\nimport {\n CVC_POLICY_HIDDEN,\n CVC_POLICY_OPTIONAL,\n DATE_POLICY_HIDDEN,\n DATE_POLICY_OPTIONAL,\n ENCRYPTED_EXPIRY_DATE,\n ENCRYPTED_EXPIRY_MONTH,\n ENCRYPTED_EXPIRY_YEAR,\n ENCRYPTED_SECURITY_CODE\n} from '../constants';\nimport { generateRandomNumber } from '../utilities/commonUtils';\nimport { CVCPolicyType, DatePolicyType, RtnType_callbackFn, RtnType_noParamVoidFn, RtnType_postMessageListener, SFFeedbackObj } from '../types';\nimport AbstractSecuredField from './AbstractSecuredField';\nimport { AriaConfig, IframeConfigObject, SecuredFieldSetupObject, SecuredFieldCommonProps } from '../types';\nimport { reject } from '../../utils';\nimport { processAriaConfig } from './utils/processAriaConfig';\nimport { processPlaceholders } from './utils/processPlaceholders';\nimport Language from '../../../../../language/Language';\nimport { hasOwnProperty } from '../../../../../utils/hasOwnProperty';\nimport { Placeholders } from '../../SFP/types';\nimport './SecuredField.scss';\n\nconst logPostMsg = false;\nconst doLog = false;\n\nclass SecuredField extends AbstractSecuredField {\n constructor(pSetupObj: SecuredFieldSetupObject, i18n: Language) {\n super();\n\n /*\n List of props to exclude from being set on this.sfConfig.\n * These props are only required for internal purposes. They do not get sent to the iframe\n /\n const deltaPropsArr: string[] = ['loadingContext', 'holderEl', 'iframeSrc', 'showContextualElement', 'placeholders'];\n\n /\n List of props from setup object that will be set on this.sfConfig\n * These props will all end up being sent to the iframe\n /\n const configVarsFromSetUpObj = reject(deltaPropsArr).from(pSetupObj);\n\n // Copy passed setup object values to this.sfConfig\n this.sfConfig = {\n // ...this.sfConfig, // Do we need to do this? Pretty sure we don't\n ...configVarsFromSetUpObj,\n // Break references on iframeUIConfig object so we can overwrite its properties in each securedField instance\n iframeUIConfig: { ...configVarsFromSetUpObj.iframeUIConfig }\n } as SecuredFieldCommonProps;\n\n /\n Extract values only needed for init\n /\n const { iframeSrc, placeholders, showContextualElement } = pSetupObj;\n\n /\n Store those passed setup object values that are needed in multiple functions\n /\n this.loadingContext = pSetupObj.loadingContext;\n this.holderEl = pSetupObj.holderEl;\n\n /\n Initiate other values on 'this' through setters\n /\n this.isValid = false;\n this.iframeContentWindow = null;\n this.numKey = generateRandomNumber();\n this.isEncrypted = false;\n this.hasError = false;\n this.errorType = '';\n this.cvcPolicy = pSetupObj.cvcPolicy;\n this.expiryDatePolicy = pSetupObj.expiryDatePolicy;\n\n if (process.env.NODE_ENV === 'development' && doLog) {\n logger.log(\n '### SecuredField::constructor:: this.sfConfig.fieldType=',\n this.sfConfig.fieldType,\n 'isValid=',\n this._isValid,\n 'numKey=',\n this.numKey\n );\n logger.log('\\n');\n }\n\n return this.init(i18n, iframeSrc, placeholders, showContextualElement);\n }\n\n init(i18n: Language, iframeSrc: string, placeholders: Placeholders, showContextualElement: boolean): SecuredField {\n /\n Ensure all fields have a related ariaConfig object containing, at minimum, an iframeTitle property and a (translated) errors object\n /\n const processedAriaConfig: AriaConfig = processAriaConfig(this.sfConfig.txVariant, this.sfConfig.fieldType, i18n, showContextualElement);\n // Set result back onto config object\n this.sfConfig.iframeUIConfig.ariaConfig = processedAriaConfig;\n\n // Set result back onto config object\n this.sfConfig.iframeUIConfig.placeholders = processPlaceholders(this.sfConfig.txVariant, this.sfConfig.fieldType, placeholders);\n\n /\n Configure, create & reference iframe and add load listener\n /\n const iframeConfig = {\n src: iframeSrc,\n title: processedAriaConfig[this.sfConfig.fieldType].iframeTitle,\n policy: 'origin'\n };\n\n const iframeEl: HTMLIFrameElement = createIframe(iframeConfig);\n\n // Place the iframe into the holder\n this.holderEl.appendChild(iframeEl);\n\n // Now examine the holder to get an actual DOM node\n const iframe: HTMLIFrameElement = selectOne(this.holderEl, '.js-iframe');\n\n if (iframe) {\n this.iframeContentWindow = iframe.contentWindow;\n\n // Create reference to bound fn (see getters/setters for binding)\n this.iframeOnLoadListener = this.iframeOnLoadListenerFn;\n\n on(iframe, 'load', this.iframeOnLoadListener, false);\n }\n\n this.iframeRef = iframe;\n\n return this;\n }\n\n iframeOnLoadListenerFn(): void {\n // Create reference to bound fn (see getters/setters for binding)\n this.postMessageListener = this.postMessageListenerFn;\n\n // Add general listener for 'message' EVENT - the event that 'powers' postMessage\n on(window, 'message', this.postMessageListener, false);\n\n // Create and send config object to iframe\n const configObj: IframeConfigObject = {\n ...this.sfConfig,\n numKey: this.numKey\n };\n\n if (window._b$dl) console.log('### SecuredField:::: onIframeLoaded:: created configObj=', configObj);\n\n postMessageToIframe(configObj, this.iframeContentWindow, this.loadingContext);\n //--\n\n // Callback to say iframe loaded\n this.onIframeLoadedCallback();\n }\n\n postMessageListenerFn(event: MessageEvent): void {\n // Check message is from expected domain\n if (!originCheckPassed(event, this.loadingContext, this.sfConfig.showWarnings)) {\n return;\n }\n\n // TODO - for debugging purposes this would always be useful to see\n // logger.log('\\n',this.sfConfig.fieldType,'### CSF SecuredField::postMessageListener:: event.data=',event.data);\n\n if (process.env.NODE_ENV === 'development' && logPostMsg) {\n logger.log(\n '\\n###CSF SecuredField::postMessageListener:: DOMAIN & ORIGIN MATCH, NO WEBPACK WEIRDNESS fieldType=',\n this.sfConfig.fieldType,\n 'txVariant=',\n this.sfConfig.txVariant,\n 'this.numKey=',\n this.numKey\n );\n }\n\n // PARSE DATA OBJECT (thus testing if it is a JSON string) - OR TRY & WORK OUT WHY THE PARSING FAILED\n let feedbackObj: SFFeedbackObj;\n\n try {\n feedbackObj = JSON.parse(event.data);\n } catch (e) {\n // Was the message generated by webpack?\n if (isWebpackPostMsg(event)) {\n if (this.sfConfig.showWarnings) logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - WEBPACK');\n return;\n }\n\n // Was the message generated by ChromeVox?\n if (isChromeVoxPostMsg(event)) {\n if (this.sfConfig.showWarnings) logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - CHROMEVOX');\n return;\n }\n\n if (this.sfConfig.showWarnings)\n logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - UNKNOWN REASON: event.data=', event.data);\n return;\n }\n\n // CHECK FOR EXPECTED PROPS\n const hasMainProps: boolean = hasOwnProperty(feedbackObj, 'action') && hasOwnProperty(feedbackObj, 'numKey');\n\n if (!hasMainProps) {\n if (this.sfConfig.showWarnings) logger.warn('WARNING SecuredField :: postMessage listener for iframe :: data mismatch!');\n return;\n }\n\n if (process.env.NODE_ENV === 'development' && logPostMsg) {\n logger.log('### SecuredField::postMessageListener:: feedbackObj.numKey=', feedbackObj.numKey);\n }\n\n if (this.numKey !== feedbackObj.numKey) {\n if (this.sfConfig.showWarnings) {\n logger.warn(\n 'WARNING SecuredField :: postMessage listener for iframe :: data mismatch! ' +\n '(Probably a message from an unrelated securedField)'\n );\n }\n return;\n }\n\n // VALIDATION CHECKS PASSED - DECIDE ON COURSE OF ACTION\n if (process.env.NODE_ENV === 'development' && logPostMsg) {\n logger.log(\n '### SecuredField::postMessageListener:: numkeys match PROCEED WITH POST MESSAGE PROCESSING fieldType=',\n this.sfConfig.fieldType,\n 'txVariant=',\n this.sfConfig.txVariant\n );\n }\n\n switch (feedbackObj.action) {\n case 'encryption':\n this.isValid = true;\n this.onEncryptionCallback(feedbackObj);\n break;\n\n case 'config':\n if (window._b$dl)\n console.log('### SecuredField::postMessageListenerFn:: configured - calling onConfigCallback', feedbackObj.fieldType);\n this.onConfigCallback(feedbackObj);\n break;\n\n case 'focus':\n this.onFocusCallback(feedbackObj);\n\n // HORRIBLE HORRIBLE HACK to get round bug in TestCafe - see comment on 3rd test in packages/e2e/tests/cards/branding/branding.test.js\n if (process.env.NODE_ENV === 'development' && window.location.origin.indexOf('3024') > -1) {\n if (window['testCafeForceClick'] === true) {\n window['testCafeForceClick'] = false;\n this.onTouchstartCallback(feedbackObj);\n }\n }\n break;\n\n case 'binValue':\n this.onBinValueCallback(feedbackObj);\n break;\n\n // iOS ONLY - RE. iOS BUGS AROUND BLUR AND FOCUS EVENTS\n case 'touch':\n this.onTouchstartCallback(feedbackObj);\n break;\n\n // Only happens for Firefox & IE <= 11\n case 'shifttab':\n this.onShiftTabCallback(feedbackObj);\n break;\n\n case 'autoComplete':\n this.onAutoCompleteCallback(feedbackObj);\n break;\n\n /\n Validate, because action =\n \n 'brand'\n * 'delete'\n * 'luhnCheck'\n * //'incomplete field' (an error that follows from a focus (blur) event)\n * 'incorrectly filled field' (an error that follows from a focus (blur) event) // NEW\n * 'numberKeyPressed' (or date-, month-, year-, cvc-, pin-, or iban- KeyPressed)\n * - since we have no \"error\" action \"...KeyPressed\" is the action type on most error events (other than \"incomplete field\" or \"luhnCheck\")\n * and often these error events representing the clearing of an existing error\n /\n default:\n // If we're validation handling (& not encryption handling) field must be invalid\n this.isValid = false;\n this.onValidationCallback(feedbackObj);\n }\n }\n\n destroy(): void {\n off(window, 'message', this.postMessageListener, false);\n off(this.iframeRef, 'load', this.iframeOnLoadListener, false);\n this.iframeContentWindow = null;\n removeAllChildren(this.holderEl);\n }\n\n /\n Returns whether the securedField is hidden OR whether it is optional and not in error\n */\n isOptionalOrHidden(): boolean {\n if (\n this.sfConfig.fieldType === ENCRYPTED_EXPIRY_DATE \|\|\n this.sfConfig.fieldType === ENCRYPTED_EXPIRY_MONTH \|\|\n this.sfConfig.fieldType === ENCRYPTED_EXPIRY_YEAR\n ) {\n switch (this.expiryDatePolicy) {\n case DATE_POLICY_HIDDEN:\n return true;\n case DATE_POLICY_OPTIONAL:\n return !this.hasError;\n default:\n return false;\n }\n }\n\n if (this.sfConfig.fieldType === ENCRYPTED_SECURITY_CODE) {\n switch (this.cvcPolicy) {\n case CVC_POLICY_HIDDEN:\n return true;\n case CVC_POLICY_OPTIONAL:\n return !this.hasError;\n default:\n return false;\n }\n }\n\n // Any other type of securedField is not optional & can't be hidden\n return false;\n }\n\n // /////// ALLOCATE CALLBACKS /////////\n onIframeLoaded(callbackFn: RtnType_noParamVoidFn): SecuredField {\n this.onIframeLoadedCallback = callbackFn;\n return this;\n }\n\n onEncryption(callbackFn: RtnType_callbackFn): SecuredField {\n this.onEncryptionCallback = callbackFn;\n return this;\n }\n\n onValidation(callbackFn: RtnType_callbackFn): SecuredField {\n this.onValidationCallback = callbackFn;\n return this;\n }\n\n onConfig(callbackFn: RtnType_callbackFn): SecuredField {\n this.onConfigCallback = callbackFn;\n return this;\n }\n\n onFocus(callbackFn: RtnType_callbackFn): SecuredField {\n this.onFocusCallback = callbackFn;\n return this;\n }\n\n onBinValue(callbackFn: RtnType_callbackFn): SecuredField {\n this.onBinValueCallback = callbackFn;\n return this;\n }\n\n onTouchstart(callbackFn: RtnType_callbackFn): SecuredField {\n this.onTouchstartCallback = callbackFn;\n return this;\n }\n\n onShiftTab(callbackFn: RtnType_callbackFn): SecuredField {\n this.onShiftTabCallback = callbackFn;\n return this;\n }\n\n onAutoComplete(callbackFn: RtnType_callbackFn): SecuredField {\n this.onAutoCompleteCallback = callbackFn;\n return this;\n }\n //------------------------------------\n\n // ///////////// GETTERS/SETTERS //////////////\n\n get errorType(): string {\n return this._errorType;\n }\n set errorType(value: string) {\n this._errorType = value;\n }\n\n get hasError(): boolean {\n return this._hasError;\n }\n set hasError(value: boolean) {\n this._hasError = value;\n }\n\n get isValid(): boolean {\n if (this.sfConfig.fieldType === ENCRYPTED_SECURITY_CODE) {\n switch (this.cvcPolicy) {\n case CVC_POLICY_HIDDEN:\n // If cvc is hidden then the field is always valid\n return true;\n case CVC_POLICY_OPTIONAL:\n // If cvc is optional then the field is always valid UNLESS it has an error\n return !this.hasError;\n default:\n return this._isValid;\n }\n }\n\n if (\n this.sfConfig.fieldType === ENCRYPTED_EXPIRY_DATE \|\|\n this.sfConfig.fieldType === ENCRYPTED_EXPIRY_MONTH \|\|\n this.sfConfig.fieldType === ENCRYPTED_EXPIRY_YEAR\n ) {\n switch (this.expiryDatePolicy) {\n case DATE_POLICY_HIDDEN:\n // If date is hidden then the field is always valid\n return true;\n case DATE_POLICY_OPTIONAL:\n // If date is optional then the field is always valid UNLESS it has an error\n return !this.hasError;\n default:\n return this._isValid;\n }\n }\n\n return this._isValid;\n }\n set isValid(value: boolean) {\n this._isValid = value;\n }\n\n get cvcPolicy(): CVCPolicyType {\n return this._cvcPolicy;\n }\n\n set cvcPolicy(value: CVCPolicyType) {\n // Only set if this is a CVC field\n if (this.sfConfig.fieldType !== ENCRYPTED_SECURITY_CODE) return;\n\n // Only set if value has changed\n if (value === this.cvcPolicy) return;\n\n if (process.env.NODE_ENV === 'development' && doLog) logger.log(this.sfConfig.fieldType, '### SecuredField::cvcPolicy:: value=', value);\n\n this._cvcPolicy = value;\n\n // If the field has changed status (required <--> not required) AND it's error state was due to an isValidated call\n // NOTE: fixes issue in Components where you first validate and then start typing a maestro number\n // - w/o this and the fix in CSF the maestro PM will never register as valid\n if (this.hasError && this.errorType === 'isValidated') {\n this.hasError = false;\n }\n }\n\n get expiryDatePolicy(): DatePolicyType {\n return this._expiryDatePolicy;\n }\n\n set expiryDatePolicy(value: DatePolicyType) {\n // Only set if this is a date field type of securedField\n if (\n this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_DATE &&\n this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_MONTH &&\n this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_YEAR\n )\n return;\n\n // Only set if value has changed\n if (value === this.expiryDatePolicy) return;\n\n if (process.env.NODE_ENV === 'development' && doLog) logger.log(this.sfConfig.fieldType, '### SecuredField:expiryDatePolicy:: value=', value);\n\n this._expiryDatePolicy = value;\n\n // If the field has changed status (required <--> not required) AND it's error state was due to an isValidated call\n if (this.hasError && this.errorType === 'isValidated') {\n this.hasError = false;\n }\n }\n\n get iframeContentWindow(): Window {\n return this._iframeContentWindow;\n }\n set iframeContentWindow(value: Window) {\n this._iframeContentWindow = value;\n }\n\n get isEncrypted(): boolean {\n return this._isEncrypted;\n }\n set isEncrypted(value: boolean) {\n this._isEncrypted = value;\n }\n\n get numKey(): number {\n return this._numKey;\n }\n set numKey(value: number) {\n this._numKey = value;\n }\n\n // Internal use - way to create listener refs that we can add/remove\n get iframeOnLoadListener(): RtnType_noParamVoidFn {\n return this._iframeOnLoadListener;\n }\n set iframeOnLoadListener(value: RtnType_noParamVoidFn) {\n this._iframeOnLoadListener = value.bind(this);\n }\n\n get postMessageListener(): RtnType_postMessageListener {\n return this._postMessageListener;\n }\n set postMessageListener(value: RtnType_postMessageListener) {\n this._postMessageListener = value.bind(this);\n }\n}\n\nexport default SecuredField;\n"],"names":["SecuredField","AbstractSecuredField","init","i18n","iframeSrc","placeholders","showContextualElement","processedAriaConfig","processAriaConfig","this","sfConfig","txVariant","fieldType","iframeUIConfig","ariaConfig","processPlaceholders","iframeConfig","src","title","iframeTitle","policy","iframeEl","createIframe","holderEl","appendChild","iframe","selectOne","iframeContentWindow","contentWindow","iframeOnLoadListener","iframeOnLoadListenerFn","on","iframeRef","postMessageListener","postMessageListenerFn","window","configObj","_object_spread_props","_object_spread","numKey","_b$dl","console","log","postMessageToIframe","loadingContext","onIframeLoadedCallback","event","originCheckPassed","showWarnings","feedbackObj","JSON","parse","data","e","isWebpackPostMsg","logger","isChromeVoxPostMsg","hasOwnProperty","action","isValid","onEncryptionCallback","onConfigCallback","onFocusCallback","onBinValueCallback","onTouchstartCallback","onShiftTabCallback","onAutoCompleteCallback","onValidationCallback","destroy","off","removeAllChildren","isOptionalOrHidden","ENCRYPTED_EXPIRY_DATE","ENCRYPTED_EXPIRY_MONTH","ENCRYPTED_EXPIRY_YEAR","expiryDatePolicy","DATE_POLICY_HIDDEN","DATE_POLICY_OPTIONAL","hasError","ENCRYPTED_SECURITY_CODE","cvcPolicy","CVC_POLICY_HIDDEN","CVC_POLICY_OPTIONAL","onIframeLoaded","callbackFn","onEncryption","onValidation","onConfig","onFocus","onBinValue","onTouchstart","onShiftTab","onAutoComplete","errorType","_errorType","value","_hasError","_isValid","_cvcPolicy","_expiryDatePolicy","_iframeContentWindow","isEncrypted","_isEncrypted","_numKey","_iframeOnLoadListener","bind","_postMessageListener","constructor","pSetupObj","super","configVarsFromSetUpObj","reject","from","generateRandomNumber"],"mappings":"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"}

package/dist/es-legacy/components/internal/SecuredFields/lib/securedField/utils/processAriaConfig.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{addErrorTranslationsToObject as e}from"../../../../../../core/Errors/utils.js";import t from"../../utilities/addContextTranslations.js";import{SF_FIELDS_MAP as r}from"../../configuration/constants.js";function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function c(c,i,l,a){const u=["ach","giftcard"].includes(c)?c:"creditCard",f=l.get(`${u}.${i}.aria.iframeTitle`),s=l.get(`${u}.${r[i]}.label`),b=l.locale;let p=e({iframeTitle:f,label:s},l,i);return a&&(p=t(p,l,c,i)),o(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){n(e,t,r[t])}))}return e}({},b&&{lang:b}),{[i]:p})}export{c as processAriaConfig};
+import{addErrorTranslationsToObject as e}from"../../../../../../core/Errors/utils.js";import t from"../../utilities/addContextTranslations.js";import{SF_FIELDS_MAP as r}from"../../constants.js";function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function c(c,i,l,a){const u=["ach","giftcard"].includes(c)?c:"creditCard",f=l.get(`${u}.${i}.aria.iframeTitle`),s=l.get(`${u}.${r[i]}.label`),b=l.locale;let p=e({iframeTitle:f,label:s},l,i);return a&&(p=t(p,l,c,i)),o(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){n(e,t,r[t])}))}return e}({},b&&{lang:b}),{[i]:p})}export{c as processAriaConfig};
 //# sourceMappingURL=processAriaConfig.js.map

package/dist/es-legacy/components/internal/SecuredFields/lib/securedField/utils/processAriaConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"processAriaConfig.js","sources":["../../../../../../../../src/components/internal/SecuredFields/lib/securedField/utils/processAriaConfig.ts"],"sourcesContent":["import { addErrorTranslationsToObject } from '../../../../../../core/Errors/utils';\nimport addContextTranslationsToObject from '../../utilities/addContextTranslations';\nimport Language from '../../../../../../language/Language';\nimport { SF_FIELDS_MAP } from '../../~~configuration/~~constants';\nimport { AriaConfig, AriaConfigObject } from '../../types';\n\n/*\n Creates an ariaConfig object with 'iframeTitle' and 'label' properties, whose values are retrieved from the translations object.\n * (These values either come from the translation file or have been overwritten by the merchant in a translations config object.)\n * We then add an error object containing the possible errors for any securedField read from the translation file and stored under error-codes\n /\nexport function processAriaConfig(txVariant: string, fieldType: string, i18n: Language, showContextuaElement): AriaConfig {\n // txVariant can be the scheme name (VISA, Mastercard...) so we put all of them under creditCard\n const type = ['ach', 'giftcard'].includes(txVariant) ? txVariant : 'creditCard';\n\n // Get translation for iframeTitle\n const iframeTitle: string = i18n.get(`${type}.${fieldType}.aria.iframeTitle`);\n\n // Get translation for aria label using same* key that is used to label the element - important a11y consideration for (securedField) iframe\n const label: string = i18n.get(`${type}.${SF_FIELDS_MAP[fieldType]}.label`);\n\n // Get lang property\n const lang = i18n.locale;\n\n // Create a new object with the iframeTitle & label values from translation file\n const ariaFieldConfigObj: AriaConfigObject = { iframeTitle, label };\n\n // Add error translations object\n let enhancedAriaFieldConfigObj: AriaConfigObject = addErrorTranslationsToObject(ariaFieldConfigObj, i18n, fieldType);\n\n // If allowed, add the translated contextual texts\n if (showContextuaElement) {\n enhancedAriaFieldConfigObj = addContextTranslationsToObject(enhancedAriaFieldConfigObj, i18n, txVariant, fieldType);\n }\n\n // Create a new aria config object keeping the old entries and adding a new one for this field\n // N.B. need to do this deconstruction of the original aria config object to break existing refs & avoid getting an \"accumulated\" object\n return {\n ...(lang && { lang }),\n [fieldType]: enhancedAriaFieldConfigObj\n } as AriaConfig;\n}\n"],"names":["processAriaConfig","txVariant","fieldType","i18n","showContextuaElement","type","includes","iframeTitle","get","label","SF_FIELDS_MAP","lang","locale","enhancedAriaFieldConfigObj","addErrorTranslationsToObject","addContextTranslationsToObject","_object_spread_props"],"mappings":"~~gxBAWO~~,SAASA,EAAkBC,EAAmBC,EAAmBC,EAAgBC,GAEpF,MAAMC,EAAO,CAAC,MAAO,YAAYC,SAASL,GAAaA,EAAY,aAG7DM,EAAsBJ,EAAKK,IAAI,GAAGH,KAAQH,sBAG1CO,EAAgBN,EAAKK,IAAI,GAAGH,KAAQK,EAAcR,YAGlDS,EAAOR,EAAKS,OAMlB,IAAIC,EAA+CC,EAHN,CAAEP,cAAaE,SAGwCN,EAAMD,GAS1G,OANIE,IACAS,EAA6BE,EAA+BF,EAA4BV,EAAMF,EAAWC,IAKtGc,4UACCL,GAAQ,CAAEA,SAAK,CACnBT,CAACA,GAAYW,GAErB"}
1	+ {"version":3,"file":"processAriaConfig.js","sources":["../../../../../../../../src/components/internal/SecuredFields/lib/securedField/utils/processAriaConfig.ts"],"sourcesContent":["import { addErrorTranslationsToObject } from '../../../../../../core/Errors/utils';\nimport addContextTranslationsToObject from '../../utilities/addContextTranslations';\nimport Language from '../../../../../../language/Language';\nimport { SF_FIELDS_MAP } from '../../constants';\nimport { AriaConfig, AriaConfigObject } from '../../types';\n\n/*\n Creates an ariaConfig object with 'iframeTitle' and 'label' properties, whose values are retrieved from the translations object.\n * (These values either come from the translation file or have been overwritten by the merchant in a translations config object.)\n * We then add an error object containing the possible errors for any securedField read from the translation file and stored under error-codes\n /\nexport function processAriaConfig(txVariant: string, fieldType: string, i18n: Language, showContextuaElement): AriaConfig {\n // txVariant can be the scheme name (VISA, Mastercard...) so we put all of them under creditCard\n const type = ['ach', 'giftcard'].includes(txVariant) ? txVariant : 'creditCard';\n\n // Get translation for iframeTitle\n const iframeTitle: string = i18n.get(`${type}.${fieldType}.aria.iframeTitle`);\n\n // Get translation for aria label using same* key that is used to label the element - important a11y consideration for (securedField) iframe\n const label: string = i18n.get(`${type}.${SF_FIELDS_MAP[fieldType]}.label`);\n\n // Get lang property\n const lang = i18n.locale;\n\n // Create a new object with the iframeTitle & label values from translation file\n const ariaFieldConfigObj: AriaConfigObject = { iframeTitle, label };\n\n // Add error translations object\n let enhancedAriaFieldConfigObj: AriaConfigObject = addErrorTranslationsToObject(ariaFieldConfigObj, i18n, fieldType);\n\n // If allowed, add the translated contextual texts\n if (showContextuaElement) {\n enhancedAriaFieldConfigObj = addContextTranslationsToObject(enhancedAriaFieldConfigObj, i18n, txVariant, fieldType);\n }\n\n // Create a new aria config object keeping the old entries and adding a new one for this field\n // N.B. need to do this deconstruction of the original aria config object to break existing refs & avoid getting an \"accumulated\" object\n return {\n ...(lang && { lang }),\n [fieldType]: enhancedAriaFieldConfigObj\n } as AriaConfig;\n}\n"],"names":["processAriaConfig","txVariant","fieldType","i18n","showContextuaElement","type","includes","iframeTitle","get","label","SF_FIELDS_MAP","lang","locale","enhancedAriaFieldConfigObj","addErrorTranslationsToObject","addContextTranslationsToObject","_object_spread_props"],"mappings":"kwBAWO,SAASA,EAAkBC,EAAmBC,EAAmBC,EAAgBC,GAEpF,MAAMC,EAAO,CAAC,MAAO,YAAYC,SAASL,GAAaA,EAAY,aAG7DM,EAAsBJ,EAAKK,IAAI,GAAGH,KAAQH,sBAG1CO,EAAgBN,EAAKK,IAAI,GAAGH,KAAQK,EAAcR,YAGlDS,EAAOR,EAAKS,OAMlB,IAAIC,EAA+CC,EAHN,CAAEP,cAAaE,SAGwCN,EAAMD,GAS1G,OANIE,IACAS,EAA6BE,EAA+BF,EAA4BV,EAAMF,EAAWC,IAKtGc,4UACCL,GAAQ,CAAEA,SAAK,CACnBT,CAACA,GAAYW,GAErB"}

package/dist/es-legacy/components/internal/SecuredFields/lib/securedField/utils/processPlaceholders.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{SF_FIELDS_MAP as r,ENCRYPTED_SECURITY_CODE as i,ENCRYPTED_SECURITY_CODE_3_DIGITS as o,ENCRYPTED_SECURITY_CODE_4_DIGITS as t,GIFT_CARD as n}from"../../configuration/constants.js";function u(u,e,l){switch(u){case"ach":var s;return{[e]:null!==(s=l[r[e]])&&void 0!==s?s:""};case n:var a;return{[e]:null!==(a=l[r[e]])&&void 0!==a?a:""};default:var c,d,v;return e===i?{[o]:null!==(c=l.securityCodeThreeDigits)&&void 0!==c?c:"",[t]:null!==(d=l.securityCodeFourDigits)&&void 0!==d?d:""}:{[e]:null!==(v=l[r[e]])&&void 0!==v?v:""}}}export{u as processPlaceholders};
+import{SF_FIELDS_MAP as r,ENCRYPTED_SECURITY_CODE as i,ENCRYPTED_SECURITY_CODE_3_DIGITS as t,ENCRYPTED_SECURITY_CODE_4_DIGITS as e,GIFT_CARD as o}from"../../constants.js";function u(u,n,l){switch(u){case"ach":var s;return{[n]:null!==(s=l[r[n]])&&void 0!==s?s:""};case o:var a;return{[n]:null!==(a=l[r[n]])&&void 0!==a?a:""};default:var c,d,v;return n===i?{[t]:null!==(c=l.securityCodeThreeDigits)&&void 0!==c?c:"",[e]:null!==(d=l.securityCodeFourDigits)&&void 0!==d?d:""}:{[n]:null!==(v=l[r[n]])&&void 0!==v?v:""}}}export{u as processPlaceholders};
 //# sourceMappingURL=processPlaceholders.js.map

package/dist/es-legacy/components/internal/SecuredFields/lib/securedField/utils/processPlaceholders.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"processPlaceholders.js","sources":["../../../../../../../../src/components/internal/SecuredFields/lib/securedField/utils/processPlaceholders.ts"],"sourcesContent":["import { SFPlaceholdersObject } from '../../types';\nimport { Placeholders } from '../../../SFP/types';\nimport {\n ENCRYPTED_SECURITY_CODE,\n ENCRYPTED_SECURITY_CODE_3_DIGITS,\n ENCRYPTED_SECURITY_CODE_4_DIGITS,\n GIFT_CARD,\n SF_FIELDS_MAP\n} from '../../~~configuration/~~constants';\nimport { Placeholders as AchPlaceholders } from '../../../../../Ach/components/AchInput/types';\nimport { Placeholders as GiftcardPlaceholders } from '../../../../../Giftcard/components/types';\nimport { Placeholders as CardPlaceholders } from '../../../../../Card/components/CardInput/types';\n\n/*\n Create placeholders with a value from merchant's configuration\n \n Based on txVariant & fieldType, maps the entries in the passed placeholders object to create a field specific placeholder object\n */\nexport function processPlaceholders(txVariant: string, fieldType: string, placeholders: Placeholders): SFPlaceholdersObject {\n switch (txVariant) {\n case 'ach':\n return { [fieldType]: (placeholders as AchPlaceholders)[SF_FIELDS_MAP[fieldType]] ?? '' };\n\n case GIFT_CARD:\n return { [fieldType]: (placeholders as GiftcardPlaceholders)[SF_FIELDS_MAP[fieldType]] ?? '' };\n\n default:\n switch (fieldType) {\n case ENCRYPTED_SECURITY_CODE:\n return {\n [ENCRYPTED_SECURITY_CODE_3_DIGITS]: (placeholders as CardPlaceholders).securityCodeThreeDigits ?? '',\n [ENCRYPTED_SECURITY_CODE_4_DIGITS]: (placeholders as CardPlaceholders).securityCodeFourDigits ?? ''\n };\n\n default:\n return { [fieldType]: (placeholders as CardPlaceholders)[SF_FIELDS_MAP[fieldType]] ?? '' };\n }\n }\n}\n"],"names":["processPlaceholders","txVariant","fieldType","placeholders","_placeholders_SF_FIELDS_MAP_fieldType","SF_FIELDS_MAP","GIFT_CARD","_placeholders_SF_FIELDS_MAP_fieldType1","_placeholders_securityCodeThreeDigits","_placeholders_securityCodeFourDigits","_placeholders_SF_FIELDS_MAP_fieldType2","ENCRYPTED_SECURITY_CODE","ENCRYPTED_SECURITY_CODE_3_DIGITS","securityCodeThreeDigits","ENCRYPTED_SECURITY_CODE_4_DIGITS","securityCodeFourDigits"],"mappings":"~~yLAkBO~~,SAASA,EAAoBC,EAAmBC,EAAmBC,GACtE,OAAQF,GACJ,IAAK,MACqB,IAAAG,EAAtB,MAAO,CAAEF,CAACA,GAAuE,QAA3DE,EAAAD,EAAkCE,EAAcH,eAAhDE,EAAAA,EAA+D,IAEzF,KAAKE,EACqB,IAAAC,EAAtB,MAAO,CAAEL,CAACA,GAA4E,QAAhEK,EAAAJ,EAAuCE,EAAcH,eAArDK,EAAAA,EAAoE,IAE9F,YAIoDC,EACAC,EAIlBC,EAR9B,OAAQR,IACCS,EACM,CACHC,CAACA,GAAmC,QAAAJ,EAAAL,EAAmCU,+BAAnC,IAAAL,EAAAA,EAA8D,GAClGM,CAACA,GAAmC,QAAAL,EAAAN,EAAmCY,8BAAnC,IAAAN,EAAAA,EAA6D,IAI9F,CAAEP,CAACA,GAAwE,QAA5DQ,EAAAP,EAAmCE,EAAcH,eAAjDQ,EAAAA,EAAgE,IAG1G"}
1	+ {"version":3,"file":"processPlaceholders.js","sources":["../../../../../../../../src/components/internal/SecuredFields/lib/securedField/utils/processPlaceholders.ts"],"sourcesContent":["import { SFPlaceholdersObject } from '../../types';\nimport { Placeholders } from '../../../SFP/types';\nimport {\n ENCRYPTED_SECURITY_CODE,\n ENCRYPTED_SECURITY_CODE_3_DIGITS,\n ENCRYPTED_SECURITY_CODE_4_DIGITS,\n GIFT_CARD,\n SF_FIELDS_MAP\n} from '../../constants';\nimport { Placeholders as AchPlaceholders } from '../../../../../Ach/components/AchInput/types';\nimport { Placeholders as GiftcardPlaceholders } from '../../../../../Giftcard/components/types';\nimport { Placeholders as CardPlaceholders } from '../../../../../Card/components/CardInput/types';\n\n/*\n Create placeholders with a value from merchant's configuration\n \n Based on txVariant & fieldType, maps the entries in the passed placeholders object to create a field specific placeholder object\n */\nexport function processPlaceholders(txVariant: string, fieldType: string, placeholders: Placeholders): SFPlaceholdersObject {\n switch (txVariant) {\n case 'ach':\n return { [fieldType]: (placeholders as AchPlaceholders)[SF_FIELDS_MAP[fieldType]] ?? '' };\n\n case GIFT_CARD:\n return { [fieldType]: (placeholders as GiftcardPlaceholders)[SF_FIELDS_MAP[fieldType]] ?? '' };\n\n default:\n switch (fieldType) {\n case ENCRYPTED_SECURITY_CODE:\n return {\n [ENCRYPTED_SECURITY_CODE_3_DIGITS]: (placeholders as CardPlaceholders).securityCodeThreeDigits ?? '',\n [ENCRYPTED_SECURITY_CODE_4_DIGITS]: (placeholders as CardPlaceholders).securityCodeFourDigits ?? ''\n };\n\n default:\n return { [fieldType]: (placeholders as CardPlaceholders)[SF_FIELDS_MAP[fieldType]] ?? '' };\n }\n }\n}\n"],"names":["processPlaceholders","txVariant","fieldType","placeholders","_placeholders_SF_FIELDS_MAP_fieldType","SF_FIELDS_MAP","GIFT_CARD","_placeholders_SF_FIELDS_MAP_fieldType1","_placeholders_securityCodeThreeDigits","_placeholders_securityCodeFourDigits","_placeholders_SF_FIELDS_MAP_fieldType2","ENCRYPTED_SECURITY_CODE","ENCRYPTED_SECURITY_CODE_3_DIGITS","securityCodeThreeDigits","ENCRYPTED_SECURITY_CODE_4_DIGITS","securityCodeFourDigits"],"mappings":"2KAkBO,SAASA,EAAoBC,EAAmBC,EAAmBC,GACtE,OAAQF,GACJ,IAAK,MACqB,IAAAG,EAAtB,MAAO,CAAEF,CAACA,GAAuE,QAA3DE,EAAAD,EAAkCE,EAAcH,eAAhDE,EAAAA,EAA+D,IAEzF,KAAKE,EACqB,IAAAC,EAAtB,MAAO,CAAEL,CAACA,GAA4E,QAAhEK,EAAAJ,EAAuCE,EAAcH,eAArDK,EAAAA,EAAoE,IAE9F,YAIoDC,EACAC,EAIlBC,EAR9B,OAAQR,IACCS,EACM,CACHC,CAACA,GAAmC,QAAAJ,EAAAL,EAAmCU,+BAAnC,IAAAL,EAAAA,EAA8D,GAClGM,CAACA,GAAmC,QAAAL,EAAAN,EAAmCY,8BAAnC,IAAAN,EAAAA,EAA6D,IAI9F,CAAEP,CAACA,GAAwE,QAA5DQ,EAAAP,EAAmCE,EAAcH,eAAjDQ,EAAAA,EAAgE,IAG1G"}

package/dist/es-legacy/components/internal/SecuredFields/lib/utilities/addContextTranslations.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{ENCRYPTED_SECURITY_CODE as e,GIFT_CARD as t,SF_FIELDS_MAP as r,ENCRYPTED_SECURITY_CODE_3_DIGITS as n,ENCRYPTED_SECURITY_CODE_4_DIGITS as c}from"../configuration/constants.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var a=(a,i,u,s)=>{const l=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({},a),f={};switch(u){case"ach":case t:break;default:if(s===e)f[n]=i.get("creditCard.securityCode.contextualText.3digits"),f[c]=i.get("creditCard.securityCode.contextualText.4digits");else{const e=`creditCard.${r[s]}.contextualText`,t=i.get(e);t!==e&&(f[s]=t)}}return Object.keys(f).length&&(l.contextualTexts=f),l};export{a as default};
+import{ENCRYPTED_SECURITY_CODE as e,GIFT_CARD as t,SF_FIELDS_MAP as r,ENCRYPTED_SECURITY_CODE_3_DIGITS as n,ENCRYPTED_SECURITY_CODE_4_DIGITS as c}from"../constants.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var a=(a,i,u,s)=>{const l=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({},a),f={};switch(u){case"ach":case t:break;default:if(s===e)f[n]=i.get("creditCard.securityCode.contextualText.3digits"),f[c]=i.get("creditCard.securityCode.contextualText.4digits");else{const e=`creditCard.${r[s]}.contextualText`,t=i.get(e);t!==e&&(f[s]=t)}}return Object.keys(f).length&&(l.contextualTexts=f),l};export{a as default};
 //# sourceMappingURL=addContextTranslations.js.map

package/dist/es-legacy/components/internal/SecuredFields/lib/utilities/addContextTranslations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"addContextTranslations.js","sources":["../../../../../../../src/components/internal/SecuredFields/lib/utilities/addContextTranslations.ts"],"sourcesContent":["import {\n ENCRYPTED_SECURITY_CODE~~,\n~~ ENCRYPTED_SECURITY_CODE_3_DIGITS~~,\n~~ ENCRYPTED_SECURITY_CODE_4_DIGITS~~,\n~~ GIFT_CARD~~,\n~~ SF_FIELDS_MAP\n} from '../~~configuration/~~constants';\nimport { AriaConfigObject } from '../types';\nimport type Language from '../../../../../language';\n\n/*\n Based on txVariant & fieldType, add a field specific contextualTexts object to the passed object\n */\nexport default (originalObj: AriaConfigObject, i18n: Language, txVariant: string, fieldType: string): AriaConfigObject => {\n const nuObj: AriaConfigObject = { ...originalObj };\n\n const contextualTexts = {};\n\n switch (txVariant) {\n case 'ach':\n // TODO - when we know the required texts\n break;\n case GIFT_CARD:\n // TODO - when we know the required texts\n break;\n default:\n // Use field type to only add the texts specific to the creditCard securedField\n switch (fieldType) {\n case ENCRYPTED_SECURITY_CODE:\n contextualTexts[ENCRYPTED_SECURITY_CODE_3_DIGITS] = i18n.get('creditCard.securityCode.contextualText.3digits');\n contextualTexts[ENCRYPTED_SECURITY_CODE_4_DIGITS] = i18n.get('creditCard.securityCode.contextualText.4digits');\n break;\n\n default: {\n const translationKey = `creditCard.${SF_FIELDS_MAP[fieldType]}.contextualText`;\n const translation = i18n.get(translationKey);\n if (translation !== translationKey) {\n contextualTexts[fieldType] = translation;\n }\n }\n }\n }\n\n if (Object.keys(contextualTexts).length) {\n nuObj.contextualTexts = contextualTexts;\n }\n\n return nuObj;\n};\n"],"names":["addContextTranslationsToObject","originalObj","i18n","txVariant","fieldType","nuObj","_object_spread","contextualTexts","GIFT_CARD","ENCRYPTED_SECURITY_CODE","ENCRYPTED_SECURITY_CODE_3_DIGITS","get","ENCRYPTED_SECURITY_CODE_4_DIGITS","translationKey","SF_FIELDS_MAP","translation","Object","keys","length"],"mappings":"~~8SAaA~~,IAAAA,EAAe,CAACC,EAA+BC,EAAgBC,EAAmBC,KAC9E,MAAMC,wUAA0BC,CAAKL,CAAAA,EAAAA,GAE/BM,EAAkB,CAAA,EAExB,OAAQJ,GACJ,IAAK,MAGL,KAAKK,EAED,MACJ,QAEI,GAAQJ,IACCK,EACDF,EAAgBG,GAAoCR,EAAKS,IAAI,kDAC7DJ,EAAgBK,GAAoCV,EAAKS,IAAI,sDAGxD,CACL,MAAME,EAAiB,cAAcC,EAAcV,oBAC7CW,EAAcb,EAAKS,IAAIE,GACzBE,IAAgBF,IAChBN,EAAgBH,GAAaW,EAErC,EAQZ,OAJIC,OAAOC,KAAKV,GAAiBW,SAC7Bb,EAAME,gBAAkBA,GAGrBF,CACX"}
1	+ {"version":3,"file":"addContextTranslations.js","sources":["../../../../../../../src/components/internal/SecuredFields/lib/utilities/addContextTranslations.ts"],"sourcesContent":["import { ENCRYPTED_SECURITY_CODE, ENCRYPTED_SECURITY_CODE_3_DIGITS, ENCRYPTED_SECURITY_CODE_4_DIGITS, GIFT_CARD, SF_FIELDS_MAP } from '../constants';\nimport { AriaConfigObject } from '../types';\nimport type Language from '../../../../../language';\n\n/*\n Based on txVariant & fieldType, add a field specific contextualTexts object to the passed object\n */\nexport default (originalObj: AriaConfigObject, i18n: Language, txVariant: string, fieldType: string): AriaConfigObject => {\n const nuObj: AriaConfigObject = { ...originalObj };\n\n const contextualTexts = {};\n\n switch (txVariant) {\n case 'ach':\n // TODO - when we know the required texts\n break;\n case GIFT_CARD:\n // TODO - when we know the required texts\n break;\n default:\n // Use field type to only add the texts specific to the creditCard securedField\n switch (fieldType) {\n case ENCRYPTED_SECURITY_CODE:\n contextualTexts[ENCRYPTED_SECURITY_CODE_3_DIGITS] = i18n.get('creditCard.securityCode.contextualText.3digits');\n contextualTexts[ENCRYPTED_SECURITY_CODE_4_DIGITS] = i18n.get('creditCard.securityCode.contextualText.4digits');\n break;\n\n default: {\n const translationKey = `creditCard.${SF_FIELDS_MAP[fieldType]}.contextualText`;\n const translation = i18n.get(translationKey);\n if (translation !== translationKey) {\n contextualTexts[fieldType] = translation;\n }\n }\n }\n }\n\n if (Object.keys(contextualTexts).length) {\n nuObj.contextualTexts = contextualTexts;\n }\n\n return nuObj;\n};\n"],"names":["addContextTranslationsToObject","originalObj","i18n","txVariant","fieldType","nuObj","_object_spread","contextualTexts","GIFT_CARD","ENCRYPTED_SECURITY_CODE","ENCRYPTED_SECURITY_CODE_3_DIGITS","get","ENCRYPTED_SECURITY_CODE_4_DIGITS","translationKey","SF_FIELDS_MAP","translation","Object","keys","length"],"mappings":"gSAOA,IAAAA,EAAe,CAACC,EAA+BC,EAAgBC,EAAmBC,KAC9E,MAAMC,wUAA0BC,CAAKL,CAAAA,EAAAA,GAE/BM,EAAkB,CAAA,EAExB,OAAQJ,GACJ,IAAK,MAGL,KAAKK,EAED,MACJ,QAEI,GAAQJ,IACCK,EACDF,EAAgBG,GAAoCR,EAAKS,IAAI,kDAC7DJ,EAAgBK,GAAoCV,EAAKS,IAAI,sDAGxD,CACL,MAAME,EAAiB,cAAcC,EAAcV,oBAC7CW,EAAcb,EAAKS,IAAIE,GACzBE,IAAgBF,IAChBN,EAAgBH,GAAaW,EAErC,EAQZ,OAJIC,OAAOC,KAAKV,GAAiBW,SAC7Bb,EAAME,gBAAkBA,GAGrBF,CACX"}

package/dist/es-legacy/components/internal/SecuredFields/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{camelCaseToSnakeCase as t}from"../../../utils/textUtils.js";import{isArray as e}from"./lib/utilities/commonUtils.js";import{ALL_SECURED_FIELDS as n,ENCRYPTED as r}from"./lib/configuration/constants.js";function o(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}const i=(t,e)=>{const n="card"===t?"nocard":t||"nocard",r={type:n,extension:"svg"};return e.getImage(r)(n)},c=e=>{let o=t(e);return n.includes(e)&&(o=o.substring(r.length+1)),o};function u(...t){const n=e(t[0])?t[0]:t;return{from:t=>n.map((e=>e in t?{[e]:t[e]}:{})).reduce(((t,e)=>function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(e){o(t,e,n[e])}))}return t}({},t,e)),{})}}function s(...t){const n=e(t[0])?t[0]:t;return{from:t=>u(...Object.keys(t).filter((t=>!n.includes(t)))).from(t)}}export{c as fieldTypeToSnakeCase,i as getCardImageUrl,u as pick,s as reject};
+import{camelCaseToSnakeCase as t}from"../../../utils/textUtils.js";import{isArray as e}from"./lib/utilities/commonUtils.js";import{ALL_SECURED_FIELDS as r,ENCRYPTED as n}from"./lib/constants.js";function o(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}const c=(t,e)=>{const r="card"===t?"nocard":t||"nocard",n={type:r,extension:"svg"};return e.getImage(n)(r)},i=e=>{let o=t(e);return r.includes(e)&&(o=o.substring(n.length+1)),o};function u(...t){const r=e(t[0])?t[0]:t;return{from:t=>r.map((e=>e in t?{[e]:t[e]}:{})).reduce(((t,e)=>function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),n.forEach((function(e){o(t,e,r[e])}))}return t}({},t,e)),{})}}function s(...t){const r=e(t[0])?t[0]:t;return{from:t=>u(...Object.keys(t).filter((t=>!r.includes(t)))).from(t)}}export{i as fieldTypeToSnakeCase,c as getCardImageUrl,u as pick,s as reject};
 //# sourceMappingURL=utils.js.map

package/dist/es-legacy/components/internal/SecuredFields/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/SecuredFields/utils.ts"],"sourcesContent":["import { Resources } from '../../../core/Context/Resources';\nimport { camelCaseToSnakeCase } from '../../../utils/textUtils';\nimport { isArray } from './lib/utilities/commonUtils';\nimport { ALL_SECURED_FIELDS, ENCRYPTED } from './lib/~~configuration/~~constants';\n\n/*\n Used by SecuredFieldsProviderHandlers\n /\nexport const getCardImageUrl = (brand, resources: Resources) => {\n const type = brand === 'card' ? 'nocard' : brand \|\| 'nocard';\n\n const imageOptions = {\n type,\n extension: 'svg'\n };\n\n return resources.getImage(imageOptions)(type);\n};\n\n/\n Used by Card.tsx & SecuredFields.tsx\n * @param fieldType -\n /\nexport const fieldTypeToSnakeCase = (fieldType: string) => {\n let str = camelCaseToSnakeCase(fieldType);\n // SFs need their fieldType mapped to what the endpoint expects\n if (ALL_SECURED_FIELDS.includes(fieldType)) {\n str = str.substring(ENCRYPTED.length + 1); // strip 'encrypted_' off the string\n }\n return str;\n};\n\n// REGULAR \"UTIL\" UTILS\n\n/\n 'Destructures' properties from object - returns a new object only containing those properties that were asked for (including if those properties\n * have values that are falsy: null, undefined, false, '').\n \n @param args - property names to select: can be either 'regular' arguments (comma separated list) or an array\n * @returns - an object with a function 'from' that accepts a single argument - the object from which to choose properties.\n * This function returns a new object - a copy of the original but only including the desired properties\n \n @example const strippedObj = pick('cardType', 'securityCode').from(cardObject);\n * @example const strippedObj = pick(['cardType', 'securityCode']).from(cardObject);\n /\nexport function pick(...args) {\n const myArgs = isArray(args[0]) ? args[0] : args;\n return {\n from: obj => {\n // eslint-disable-line\n return myArgs\n .map(k => (k in obj ? { [k]: obj[k] } : {})) // eslint-disable-line\n .reduce((res, o) => ({ ...res, ...o }), {});\n }\n };\n}\n\n/\n 'Destructures' properties from object, returning a new object containing all the original objects properties except those that were specifically rejected\n \n @param args - property names to reject: can be either 'regular' arguments (comma separated list) or an array\n * @returns - an object with a function 'from' that accepts a single argument - the object from which to reject properties.\n * This function returns a new object - a copy of the original but excluding the selected properties\n \n @example const strippedObj = reject('permittedLengths', 'pattern', 'startingRules').from(cardObject);\n * @example const strippedObj = reject(['permittedLengths', 'pattern', 'startingRules']).from(cardObject);\n */\nexport function reject(...args) {\n const myArgs = isArray(args[0]) ? args[0] : args;\n return {\n from: obj => {\n const vkeys = Object.keys(obj).filter(k => !myArgs.includes(k));\n return pick(...vkeys).from(obj);\n }\n };\n}\n"],"names":["getCardImageUrl","brand","resources","type","imageOptions","extension","getImage","fieldTypeToSnakeCase","fieldType","str","camelCaseToSnakeCase","ALL_SECURED_FIELDS","includes","substring","ENCRYPTED","length","pick","args","myArgs","isArray","from","obj","map","k","reduce","res","o","_object_spread","reject","Object","keys","filter"],"mappings":"~~yUAQO~~,MAAMA,EAAkB,CAACC,EAAOC,KACnC,MAAMC,EAAiB,SAAVF,EAAmB,SAAWA,GAAS,SAE9CG,EAAe,CACjBD,OACAE,UAAW,OAGf,OAAOH,EAAUI,SAASF,EAAnBF,CAAiCC,EAAAA,EAO/BI,EAAwBC,IACjC,IAAIC,EAAMC,EAAqBF,GAK/B,OAHIG,EAAmBC,SAASJ,KAC5BC,EAAMA,EAAII,UAAUC,EAAUC,OAAS,IAEpCN,CAAAA,EAgBJ,SAASO,KAAQC,GACpB,MAAMC,EAASC,EAAQF,EAAK,IAAMA,EAAK,GAAKA,EAC5C,MAAO,CACHG,KAAMC,GAEKH,EACFI,KAAIC,GAAMA,KAAKF,EAAM,CAAEE,CAACA,GAAIF,EAAIE,IAAO,KACvCC,QAAO,CAACC,EAAKC,0UAAOC,CAAKF,CAAAA,EAAAA,EAAQC,IAAM,CAAA,GAGxD,CAYO,SAASE,KAAUX,GACtB,MAAMC,EAASC,EAAQF,EAAK,IAAMA,EAAK,GAAKA,EAC5C,MAAO,CACHG,KAAMC,GAEKL,KADOa,OAAOC,KAAKT,GAAKU,QAAOR,IAAML,EAAON,SAASW,MACtCH,KAAKC,GAGvC"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/SecuredFields/utils.ts"],"sourcesContent":["import { Resources } from '../../../core/Context/Resources';\nimport { camelCaseToSnakeCase } from '../../../utils/textUtils';\nimport { isArray } from './lib/utilities/commonUtils';\nimport { ALL_SECURED_FIELDS, ENCRYPTED } from './lib/constants';\n\n/*\n Used by SecuredFieldsProviderHandlers\n /\nexport const getCardImageUrl = (brand, resources: Resources) => {\n const type = brand === 'card' ? 'nocard' : brand \|\| 'nocard';\n\n const imageOptions = {\n type,\n extension: 'svg'\n };\n\n return resources.getImage(imageOptions)(type);\n};\n\n/\n Used by Card.tsx & SecuredFields.tsx\n * @param fieldType -\n /\nexport const fieldTypeToSnakeCase = (fieldType: string) => {\n let str = camelCaseToSnakeCase(fieldType);\n // SFs need their fieldType mapped to what the endpoint expects\n if (ALL_SECURED_FIELDS.includes(fieldType)) {\n str = str.substring(ENCRYPTED.length + 1); // strip 'encrypted_' off the string\n }\n return str;\n};\n\n// REGULAR \"UTIL\" UTILS\n\n/\n 'Destructures' properties from object - returns a new object only containing those properties that were asked for (including if those properties\n * have values that are falsy: null, undefined, false, '').\n \n @param args - property names to select: can be either 'regular' arguments (comma separated list) or an array\n * @returns - an object with a function 'from' that accepts a single argument - the object from which to choose properties.\n * This function returns a new object - a copy of the original but only including the desired properties\n \n @example const strippedObj = pick('cardType', 'securityCode').from(cardObject);\n * @example const strippedObj = pick(['cardType', 'securityCode']).from(cardObject);\n /\nexport function pick(...args) {\n const myArgs = isArray(args[0]) ? args[0] : args;\n return {\n from: obj => {\n // eslint-disable-line\n return myArgs\n .map(k => (k in obj ? { [k]: obj[k] } : {})) // eslint-disable-line\n .reduce((res, o) => ({ ...res, ...o }), {});\n }\n };\n}\n\n/\n 'Destructures' properties from object, returning a new object containing all the original objects properties except those that were specifically rejected\n \n @param args - property names to reject: can be either 'regular' arguments (comma separated list) or an array\n * @returns - an object with a function 'from' that accepts a single argument - the object from which to reject properties.\n * This function returns a new object - a copy of the original but excluding the selected properties\n \n @example const strippedObj = reject('permittedLengths', 'pattern', 'startingRules').from(cardObject);\n * @example const strippedObj = reject(['permittedLengths', 'pattern', 'startingRules']).from(cardObject);\n */\nexport function reject(...args) {\n const myArgs = isArray(args[0]) ? args[0] : args;\n return {\n from: obj => {\n const vkeys = Object.keys(obj).filter(k => !myArgs.includes(k));\n return pick(...vkeys).from(obj);\n }\n };\n}\n"],"names":["getCardImageUrl","brand","resources","type","imageOptions","extension","getImage","fieldTypeToSnakeCase","fieldType","str","camelCaseToSnakeCase","ALL_SECURED_FIELDS","includes","substring","ENCRYPTED","length","pick","args","myArgs","isArray","from","obj","map","k","reduce","res","o","_object_spread","reject","Object","keys","filter"],"mappings":"2TAQO,MAAMA,EAAkB,CAACC,EAAOC,KACnC,MAAMC,EAAiB,SAAVF,EAAmB,SAAWA,GAAS,SAE9CG,EAAe,CACjBD,OACAE,UAAW,OAGf,OAAOH,EAAUI,SAASF,EAAnBF,CAAiCC,EAAAA,EAO/BI,EAAwBC,IACjC,IAAIC,EAAMC,EAAqBF,GAK/B,OAHIG,EAAmBC,SAASJ,KAC5BC,EAAMA,EAAII,UAAUC,EAAUC,OAAS,IAEpCN,CAAAA,EAgBJ,SAASO,KAAQC,GACpB,MAAMC,EAASC,EAAQF,EAAK,IAAMA,EAAK,GAAKA,EAC5C,MAAO,CACHG,KAAMC,GAEKH,EACFI,KAAIC,GAAMA,KAAKF,EAAM,CAAEE,CAACA,GAAIF,EAAIE,IAAO,KACvCC,QAAO,CAACC,EAAKC,0UAAOC,CAAKF,CAAAA,EAAAA,EAAQC,IAAM,CAAA,GAGxD,CAYO,SAASE,KAAUX,GACtB,MAAMC,EAASC,EAAQF,EAAK,IAAMA,EAAK,GAAKA,EAC5C,MAAO,CACHG,KAAMC,GAEKL,KADOa,OAAOC,KAAKT,GAAKU,QAAOR,IAAML,EAAON,SAASW,MACtCH,KAAKC,GAGvC"}

package/dist/es-legacy/components/internal/SendCopyToEmail/SendCopyToEmail.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../external/preact/dist/preact.js";import o from"../../../external/classnames/index.js";import{useState as s}from"../../../external/preact/hooks/dist/hooks.js";import r from"../../../core/Context/useCoreContext.js";import a from"../FormFields/Field/Field.js";import t from"../FormFields/Checkbox/Checkbox.js";import l from"../FormFields/InputEmail.js";import{getErrorMessage as m}from"../../../utils/getErrorMessage.js";function n(n){const{errors:i,value:p,onInput:c,onBlur:d}=n,{i18n:u}=r(),[f,h]=s(!1);return e("div",{className:o("adyen-checkout__fieldset","adyen-checkout__fieldset--sendCopyToEmail",n.classNames)},e(a,{classNameModifiers:["sendCopyToEmail","consentCheckbox"],name:"sendCopyToEmail",useLabelElement:!1,showErrorElement:!1},e(t,{onChange:e=>{h(e.target.checked),n.onToggle(f)},label:u.get("boleto.sendCopyToEmail"),name:"sendCopyToEmail"})),f&&e(a,{label:u.get("shopperEmail"),classNameModifiers:["shopperEmail"],errorMessage:m(u,i,u.get("shopperEmail")),name:"shopperEmail"},e(l,{name:"shopperEmail",autoCorrect:"off",spellCheck:!1,value:p,onInput:c,onBlur:d})))}export{n as default};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import o from"../../../external/classnames/index.js";import{useState as r}from"../../../external/preact/hooks/dist/hooks.js";import{useCoreContext as s}from"../../../core/Context/CoreProvider.js";import a from"../FormFields/Field/Field.js";import t from"../FormFields/Checkbox/Checkbox.js";import l from"../FormFields/InputEmail.js";import{getErrorMessage as m}from"../../../utils/getErrorMessage.js";function i(i){const{errors:n,value:p,onInput:c,onBlur:d}=i,{i18n:f}=s(),[h,u]=r(!1);return e("div",{className:o("adyen-checkout__fieldset","adyen-checkout__fieldset--sendCopyToEmail",i.classNames)},e(a,{classNameModifiers:["sendCopyToEmail","consentCheckbox"],name:"sendCopyToEmail",useLabelElement:!1,showErrorElement:!1},e(t,{onChange:e=>{u(e.target.checked),i.onToggle(h)},label:f.get("boleto.sendCopyToEmail"),name:"sendCopyToEmail"})),h&&e(a,{label:f.get("shopperEmail"),classNameModifiers:["shopperEmail"],errorMessage:m(f,n,f.get("shopperEmail")),name:"shopperEmail"},e(l,{name:"shopperEmail",autoCorrect:"off",spellCheck:!1,value:p,onInput:c,onBlur:d})))}export{i as default};
 //# sourceMappingURL=SendCopyToEmail.js.map

package/dist/es-legacy/components/internal/SendCopyToEmail/SendCopyToEmail.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SendCopyToEmail.js","sources":["../../../../../src/components/internal/SendCopyToEmail/SendCopyToEmail.tsx"],"sourcesContent":["import { h } from 'preact';\nimport cx from 'classnames';\nimport { useState } from 'preact/hooks';\nimport useCoreContext from '../../../core/Context/~~useCoreContext~~';\nimport Field from '../FormFields/Field';\nimport Checkbox from '../FormFields/Checkbox';\nimport InputEmail from '../FormFields/InputEmail';\nimport './SendCopyToEmail.scss';\nimport { getErrorMessage } from '../../../utils/getErrorMessage';\n\nexport default function SendCopyToEmail(props) {\n const { errors, value, onInput, onBlur } = props;\n const { i18n } = useCoreContext();\n const [sendCopyToEmail, setSendCopyToEmail] = useState(false);\n\n const toggleEmailField = e => {\n setSendCopyToEmail(e.target.checked);\n props.onToggle(sendCopyToEmail);\n };\n\n return (\n <div className={cx('adyen-checkout__fieldset', 'adyen-checkout__fieldset--sendCopyToEmail', props.classNames)}>\n <Field\n classNameModifiers={['sendCopyToEmail', 'consentCheckbox']}\n name={'sendCopyToEmail'}\n useLabelElement={false}\n showErrorElement={false}\n >\n <Checkbox onChange={toggleEmailField} label={i18n.get('boleto.sendCopyToEmail')} name={'sendCopyToEmail'} />\n </Field>\n\n {sendCopyToEmail && (\n <Field\n label={i18n.get('shopperEmail')}\n classNameModifiers={['shopperEmail']}\n errorMessage={getErrorMessage(i18n, errors, i18n.get('shopperEmail'))}\n name={'shopperEmail'}\n >\n <InputEmail name={'shopperEmail'} autoCorrect={'off'} spellCheck={false} value={value} onInput={onInput} onBlur={onBlur} />\n </Field>\n )}\n </div>\n );\n}\n"],"names":["SendCopyToEmail","props","errors","value","onInput","onBlur","i18n","useCoreContext","sendCopyToEmail","setSendCopyToEmail","useState","h","div","className","cx","classNames","Field","classNameModifiers","name","useLabelElement","showErrorElement","Checkbox","onChange","e","target","checked","onToggle","label","get","errorMessage","getErrorMessage","InputEmail","autoCorrect","spellCheck"],"mappings":"~~ycAUe~~,SAASA,EAAgBC,GACpC,MAAMC,OAAEA,EAAMC,MAAEA,EAAKC,QAAEA,EAAOC,OAAEA,GAAWJ,GACrCK,KAAEA,GAASC,KACVC,EAAiBC,GAAsBC,GAAS,GAOvD,OACIC,EAACC,MAAAA,CAAIC,UAAWC,EAAG,2BAA4B,4CAA6Cb,EAAMc,aAC9FJ,EAACK,EAAAA,CACGC,mBAAoB,CAAC,kBAAmB,mBACxCC,KAAM,kBACNC,iBAAiB,EACjBC,kBAAkB,GAElBT,EAACU,EAAAA,CAASC,SAbGC,IACrBd,EAAmBc,EAAEC,OAAOC,SAC5BxB,EAAMyB,SAASlB,EAAAA,EAW+BmB,MAAOrB,EAAKsB,IAAI,0BAA2BV,KAAM,qBAG1FV,GACGG,EAACK,EAAAA,CACGW,MAAOrB,EAAKsB,IAAI,gBAChBX,mBAAoB,CAAC,gBACrBY,aAAcC,EAAgBxB,EAAMJ,EAAQI,EAAKsB,IAAI,iBACrDV,KAAM,gBAENP,EAACoB,EAAAA,CAAWb,KAAM,eAAgBc,YAAa,MAAOC,YAAY,EAAO9B,MAAOA,EAAOC,QAASA,EAASC,OAAQA,KAKrI"}
1	+ {"version":3,"file":"SendCopyToEmail.js","sources":["../../../../../src/components/internal/SendCopyToEmail/SendCopyToEmail.tsx"],"sourcesContent":["import { h } from 'preact';\nimport cx from 'classnames';\nimport { useState } from 'preact/hooks';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport Field from '../FormFields/Field';\nimport Checkbox from '../FormFields/Checkbox';\nimport InputEmail from '../FormFields/InputEmail';\nimport './SendCopyToEmail.scss';\nimport { getErrorMessage } from '../../../utils/getErrorMessage';\n\nexport default function SendCopyToEmail(props) {\n const { errors, value, onInput, onBlur } = props;\n const { i18n } = useCoreContext();\n const [sendCopyToEmail, setSendCopyToEmail] = useState(false);\n\n const toggleEmailField = e => {\n setSendCopyToEmail(e.target.checked);\n props.onToggle(sendCopyToEmail);\n };\n\n return (\n <div className={cx('adyen-checkout__fieldset', 'adyen-checkout__fieldset--sendCopyToEmail', props.classNames)}>\n <Field\n classNameModifiers={['sendCopyToEmail', 'consentCheckbox']}\n name={'sendCopyToEmail'}\n useLabelElement={false}\n showErrorElement={false}\n >\n <Checkbox onChange={toggleEmailField} label={i18n.get('boleto.sendCopyToEmail')} name={'sendCopyToEmail'} />\n </Field>\n\n {sendCopyToEmail && (\n <Field\n label={i18n.get('shopperEmail')}\n classNameModifiers={['shopperEmail']}\n errorMessage={getErrorMessage(i18n, errors, i18n.get('shopperEmail'))}\n name={'shopperEmail'}\n >\n <InputEmail name={'shopperEmail'} autoCorrect={'off'} spellCheck={false} value={value} onInput={onInput} onBlur={onBlur} />\n </Field>\n )}\n </div>\n );\n}\n"],"names":["SendCopyToEmail","props","errors","value","onInput","onBlur","i18n","useCoreContext","sendCopyToEmail","setSendCopyToEmail","useState","h","div","className","cx","classNames","Field","classNameModifiers","name","useLabelElement","showErrorElement","Checkbox","onChange","e","target","checked","onToggle","label","get","errorMessage","getErrorMessage","InputEmail","autoCorrect","spellCheck"],"mappings":"ydAUe,SAASA,EAAgBC,GACpC,MAAMC,OAAEA,EAAMC,MAAEA,EAAKC,QAAEA,EAAOC,OAAEA,GAAWJ,GACrCK,KAAEA,GAASC,KACVC,EAAiBC,GAAsBC,GAAS,GAOvD,OACIC,EAACC,MAAAA,CAAIC,UAAWC,EAAG,2BAA4B,4CAA6Cb,EAAMc,aAC9FJ,EAACK,EAAAA,CACGC,mBAAoB,CAAC,kBAAmB,mBACxCC,KAAM,kBACNC,iBAAiB,EACjBC,kBAAkB,GAElBT,EAACU,EAAAA,CAASC,SAbGC,IACrBd,EAAmBc,EAAEC,OAAOC,SAC5BxB,EAAMyB,SAASlB,EAAAA,EAW+BmB,MAAOrB,EAAKsB,IAAI,0BAA2BV,KAAM,qBAG1FV,GACGG,EAACK,EAAAA,CACGW,MAAOrB,EAAKsB,IAAI,gBAChBX,mBAAoB,CAAC,gBACrBY,aAAcC,EAAgBxB,EAAMJ,EAAQI,EAAKsB,IAAI,iBACrDV,KAAM,gBAENP,EAACoB,EAAAA,CAAWb,KAAM,eAAgBc,YAAa,MAAOC,YAAY,EAAO9B,MAAOA,EAAOC,QAASA,EAASC,OAAQA,KAKrI"}

package/dist/es-legacy/components/internal/SocialSecurityNumberBrazil/SocialSecurityNumberBrazil.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../external/preact/dist/preact.js";import r from"../FormFields/Field/Field.js";import o from"../../../core/Context/useCoreContext.js";import l from"../FormFields/InputText.js";function i({onBlur:i,onInput:t,valid:s=!1,error:u=null,data:a="",required:n=!1,disabled:c=!1,onFieldFocusAnalytics:m=null,onFieldBlurAnalytics:d=null}){const{i18n:p}=o();return e(r,{label:`${p.get("boleto.socialSecurityNumber")}`,classNameModifiers:["socialSecurityNumber"],errorMessage:u&&u.errorMessage?p.get(u.errorMessage):!!u,isValid:Boolean(s),name:"socialSecurityNumber",onFocus:e=>null==m?void 0:m("socialSecurityNumber",e),onBlur:e=>null==d?void 0:d("socialSecurityNumber",e)},e(l,{name:"socialSecurityNumber",autocorrect:"off",spellcheck:!1,value:a,maxLength:18,onInput:t,onBlur:i,required:n,disabled:c}))}export{i as default};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import r from"../FormFields/Field/Field.js";import{useCoreContext as o}from"../../../core/Context/CoreProvider.js";import l from"../FormFields/InputText.js";function i({onBlur:i,onInput:t,valid:a=!1,error:s=null,data:u="",required:n=!1,disabled:c=!1,onFieldFocusAnalytics:d=null,onFieldBlurAnalytics:m=null}){const{i18n:p}=o();return e(r,{label:`${p.get("boleto.socialSecurityNumber")}`,classNameModifiers:["socialSecurityNumber"],errorMessage:s&&s.errorMessage?p.get(s.errorMessage):!!s,isValid:Boolean(a),name:"socialSecurityNumber",onFocus:e=>null==d?void 0:d("socialSecurityNumber",e),onBlur:e=>null==m?void 0:m("socialSecurityNumber",e)},e(l,{name:"socialSecurityNumber",autocorrect:"off",spellcheck:!1,value:u,maxLength:18,onInput:t,onBlur:i,required:n,disabled:c}))}export{i as default};
 //# sourceMappingURL=SocialSecurityNumberBrazil.js.map

package/dist/es-legacy/components/internal/SocialSecurityNumberBrazil/SocialSecurityNumberBrazil.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SocialSecurityNumberBrazil.js","sources":["../../../../../src/components/internal/SocialSecurityNumberBrazil/SocialSecurityNumberBrazil.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Field from '../../internal/FormFields/Field';\nimport useCoreContext from '../../../core/Context/~~useCoreContext~~';\nimport InputText from '../FormFields/InputText';\n\nexport default function ({\n onBlur,\n onInput,\n valid = false,\n error = null,\n data = '',\n required = false,\n disabled = false,\n onFieldFocusAnalytics = null,\n onFieldBlurAnalytics = null\n}) {\n const { i18n } = useCoreContext();\n\n return (\n <Field\n label={`${i18n.get('boleto.socialSecurityNumber')}`}\n classNameModifiers={['socialSecurityNumber']}\n errorMessage={error && error.errorMessage ? i18n.get(error.errorMessage) : !!error}\n isValid={Boolean(valid)}\n name={'socialSecurityNumber'}\n onFocus={e => onFieldFocusAnalytics?.('socialSecurityNumber', e)}\n onBlur={e => onFieldBlurAnalytics?.('socialSecurityNumber', e)}\n >\n <InputText\n name={'socialSecurityNumber'}\n autocorrect={'off'}\n spellcheck={false}\n value={data}\n maxLength={18}\n onInput={onInput}\n onBlur={onBlur}\n required={required}\n disabled={disabled}\n />\n </Field>\n );\n}\n"],"names":["SocialSecurityNumberBrazil","onBlur","onInput","valid","error","data","required","disabled","onFieldFocusAnalytics","onFieldBlurAnalytics","i18n","useCoreContext","h","Field","label","get","classNameModifiers","errorMessage","isValid","Boolean","name","onFocus","e","InputText","autocorrect","spellcheck","value","maxLength"],"mappings":"~~qNAKe~~,SAAAA,GAAUC,OACrBA,EAAMC,QACNA,EAAOC,MACPA,GAAQ,EAAKC,MACbA,EAAQ,KAAIC,KACZA,EAAO,GAAEC,SACTA,GAAW,EAAKC,SAChBA,GAAW,EAAKC,sBAChBA,EAAwB,KAAIC,qBAC5BA,EAAuB,OAEvB,MAAMC,KAAEA,GAASC,IAEjB,OACIC,EAACC,EAAAA,CACGC,MAAO,GAAGJ,EAAKK,IAAI,iCACnBC,mBAAoB,CAAC,wBACrBC,aAAcb,GAASA,EAAMa,aAAeP,EAAKK,IAAIX,EAAMa,gBAAkBb,EAC7Ec,QAASC,QAAQhB,GACjBiB,KAAM,uBACNC,QAASC,GAAKd,aAAAA,EAAAA,EAAwB,uBAAwBc,GAC9DrB,OAAQqB,GAAKb,aAAAA,EAAAA,EAAuB,uBAAwBa,IAE5DV,EAACW,EAAAA,CACGH,KAAM,uBACNI,YAAa,MACbC,YAAY,EACZC,MAAOrB,EACPsB,UAAW,GACXzB,QAASA,EACTD,OAAQA,EACRK,SAAUA,EACVC,SAAUA,IAI1B"}
1	+ {"version":3,"file":"SocialSecurityNumberBrazil.js","sources":["../../../../../src/components/internal/SocialSecurityNumberBrazil/SocialSecurityNumberBrazil.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Field from '../../internal/FormFields/Field';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport InputText from '../FormFields/InputText';\n\nexport default function ({\n onBlur,\n onInput,\n valid = false,\n error = null,\n data = '',\n required = false,\n disabled = false,\n onFieldFocusAnalytics = null,\n onFieldBlurAnalytics = null\n}) {\n const { i18n } = useCoreContext();\n\n return (\n <Field\n label={`${i18n.get('boleto.socialSecurityNumber')}`}\n classNameModifiers={['socialSecurityNumber']}\n errorMessage={error && error.errorMessage ? i18n.get(error.errorMessage) : !!error}\n isValid={Boolean(valid)}\n name={'socialSecurityNumber'}\n onFocus={e => onFieldFocusAnalytics?.('socialSecurityNumber', e)}\n onBlur={e => onFieldBlurAnalytics?.('socialSecurityNumber', e)}\n >\n <InputText\n name={'socialSecurityNumber'}\n autocorrect={'off'}\n spellcheck={false}\n value={data}\n maxLength={18}\n onInput={onInput}\n onBlur={onBlur}\n required={required}\n disabled={disabled}\n />\n </Field>\n );\n}\n"],"names":["SocialSecurityNumberBrazil","onBlur","onInput","valid","error","data","required","disabled","onFieldFocusAnalytics","onFieldBlurAnalytics","i18n","useCoreContext","h","Field","label","get","classNameModifiers","errorMessage","isValid","Boolean","name","onFocus","e","InputText","autocorrect","spellcheck","value","maxLength"],"mappings":"qOAKe,SAAAA,GAAUC,OACrBA,EAAMC,QACNA,EAAOC,MACPA,GAAQ,EAAKC,MACbA,EAAQ,KAAIC,KACZA,EAAO,GAAEC,SACTA,GAAW,EAAKC,SAChBA,GAAW,EAAKC,sBAChBA,EAAwB,KAAIC,qBAC5BA,EAAuB,OAEvB,MAAMC,KAAEA,GAASC,IAEjB,OACIC,EAACC,EAAAA,CACGC,MAAO,GAAGJ,EAAKK,IAAI,iCACnBC,mBAAoB,CAAC,wBACrBC,aAAcb,GAASA,EAAMa,aAAeP,EAAKK,IAAIX,EAAMa,gBAAkBb,EAC7Ec,QAASC,QAAQhB,GACjBiB,KAAM,uBACNC,QAASC,GAAKd,aAAAA,EAAAA,EAAwB,uBAAwBc,GAC9DrB,OAAQqB,GAAKb,aAAAA,EAAAA,EAAuB,uBAAwBa,IAE5DV,EAACW,EAAAA,CACGH,KAAM,uBACNI,YAAa,MACbC,YAAY,EACZC,MAAOrB,EACPsB,UAAW,GACXzB,QAASA,EACTD,OAAQA,EACRK,SAAUA,EACVC,SAAUA,IAI1B"}

package/dist/es-legacy/components/internal/StoreDetails/StoreDetails.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useState as e,useEffect as t}from"../../../external/preact/hooks/dist/hooks.js";import{createElement as r}from"../../../external/preact/dist/preact.js";import o from"../../../core/Context/useCoreContext.js";import n from"../FormFields/Checkbox/Checkbox.js";function s(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},s=Object.keys(e);for(o=0;o<s.length;o++)r=s[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)r=s[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function a(a){var{storeDetails:l=!1}=a,c=s(a,["storeDetails"]);const{i18n:i}=o(),[f,u]=e(l);return t((()=>{c.onChange(f)}),[f]),r("div",{className:"adyen-checkout__store-details"},r(n,{onChange:e=>{u(e.target.checked)},label:i.get("storeDetails"),name:"storeDetails"}))}export{a as default};
+import{useState as e,useEffect as t}from"../../../external/preact/hooks/dist/hooks.js";import{createElement as r}from"../../../external/preact/dist/preact.js";import{useCoreContext as o}from"../../../core/Context/CoreProvider.js";import n from"../FormFields/Checkbox/Checkbox.js";function s(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},s=Object.keys(e);for(o=0;o<s.length;o++)r=s[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)r=s[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function a(a){var{storeDetails:l=!1}=a,i=s(a,["storeDetails"]);const{i18n:c}=o(),[f,m]=e(l);return t((()=>{i.onChange(f)}),[f]),r("div",{className:"adyen-checkout__store-details"},r(n,{onChange:e=>{m(e.target.checked)},label:c.get("storeDetails"),name:"storeDetails"}))}export{a as default};
 //# sourceMappingURL=StoreDetails.js.map

package/dist/es-legacy/components/internal/StoreDetails/StoreDetails.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StoreDetails.js","sources":["../../../../../src/components/internal/StoreDetails/StoreDetails.tsx"],"sourcesContent":["import { useState, useEffect } from 'preact/hooks';\nimport { h } from 'preact';\nimport useCoreContext from '../../../core/Context/~~useCoreContext~~';\nimport Checkbox from '../FormFields/Checkbox';\n\n/*\n \"Store details\" generic checkbox\n */\nfunction StoreDetails({ storeDetails = false, ...props }) {\n const { i18n } = useCoreContext();\n const [value, setValue] = useState(storeDetails);\n\n const onChange = e => {\n setValue(e.target.checked);\n };\n\n useEffect(() => {\n props.onChange(value);\n }, [value]);\n\n return (\n <div className=\"adyen-checkout__store-details\">\n <Checkbox onChange={onChange} label={i18n.get('storeDetails')} name={'storeDetails'} />\n </div>\n );\n}\n\nexport default StoreDetails;\n"],"names":["StoreDetails","_param","storeDetails","props","_object_without_properties","i18n","useCoreContext","value","setValue","useState","useEffect","onChange","h","div","className","Checkbox","e","target","checked","label","get","name"],"mappings":"~~4nBAQA~~,SAASA,EAAaC,GAAA,IAAAC,aAAEA,GAAe,GAAjBD,EAA2BE,EAA3BC,EAAAH,EAAA,CAAEC,iBACpB,MAAMG,KAAEA,GAASC,KACVC,EAAOC,GAAYC,EAASP,GAUnC,OAJAQ,GAAU,KACNP,EAAMQ,SAASJ,EAAAA,GAChB,CAACA,IAGAK,EAACC,MAAAA,CAAIC,UAAU,iCACXF,EAACG,EAAAA,CAASJ,SAVDK,IACbR,EAASQ,EAAEC,OAAOC,QAAO,EASSC,MAAOd,EAAKe,IAAI,gBAAiBC,KAAM,iBAGjF"}
1	+ {"version":3,"file":"StoreDetails.js","sources":["../../../../../src/components/internal/StoreDetails/StoreDetails.tsx"],"sourcesContent":["import { useState, useEffect } from 'preact/hooks';\nimport { h } from 'preact';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport Checkbox from '../FormFields/Checkbox';\n\n/*\n \"Store details\" generic checkbox\n */\nfunction StoreDetails({ storeDetails = false, ...props }) {\n const { i18n } = useCoreContext();\n const [value, setValue] = useState(storeDetails);\n\n const onChange = e => {\n setValue(e.target.checked);\n };\n\n useEffect(() => {\n props.onChange(value);\n }, [value]);\n\n return (\n <div className=\"adyen-checkout__store-details\">\n <Checkbox onChange={onChange} label={i18n.get('storeDetails')} name={'storeDetails'} />\n </div>\n );\n}\n\nexport default StoreDetails;\n"],"names":["StoreDetails","_param","storeDetails","props","_object_without_properties","i18n","useCoreContext","value","setValue","useState","useEffect","onChange","h","div","className","Checkbox","e","target","checked","label","get","name"],"mappings":"4oBAQA,SAASA,EAAaC,GAAA,IAAAC,aAAEA,GAAe,GAAjBD,EAA2BE,EAA3BC,EAAAH,EAAA,CAAEC,iBACpB,MAAMG,KAAEA,GAASC,KACVC,EAAOC,GAAYC,EAASP,GAUnC,OAJAQ,GAAU,KACNP,EAAMQ,SAASJ,EAAAA,GAChB,CAACA,IAGAK,EAACC,MAAAA,CAAIC,UAAU,iCACXF,EAACG,EAAAA,CAASJ,SAVDK,IACbR,EAASQ,EAAEC,OAAOC,QAAO,EASSC,MAAOd,EAAKe,IAAI,gBAAiBC,KAAM,iBAGjF"}

package/dist/es-legacy/components/internal/UIElement/UIElement.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../../external/preact/dist/preact.js";import e from"../BaseElement/BaseElement.js";import s from"../PayButton/PayButton.js";import{assertIsDropin as i,getRegulatoryDefaults as n,sanitizeResponse as o,verifyPaymentDidNotFail as r,cleanupFinalResult as a}from"./utils.js";import l from"../../../core/Errors/AdyenCheckoutError.js";import{hasOwnProperty as h}from"../../../utils/hasOwnProperty.js";import{ANALYTICS_SUBMIT_STR as d}from"../../../core/Analytics/constants.js";function c(t,e,s){return e in t?Object.defineProperty(t,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[e]=s,t}function p(t){for(var e=1;e<arguments.length;e++){var s=null!=arguments[e]?arguments[e]:{},i=Object.keys(s);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(s).filter((function(t){return Object.getOwnPropertyDescriptor(s,t).enumerable})))),i.forEach((function(e){c(t,e,s[e])}))}return t}function m(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t,e){var s=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),s.push.apply(s,i)}return s}(Object(e)).forEach((function(s){Object.defineProperty(t,s,Object.getOwnPropertyDescriptor(e,s))})),t}class u extends e{buildElementProps(t){const e=p({showPayButton:!0},this.core.getCorePropsForComponent(),!!(null==t?void 0:t.isStoredPaymentMethod)?{}:this.core.paymentMethodsResponse.find((null==t?void 0:t.type)||this.constructor.type),t),s=i(this);this.props=this.formatProps(p({},this.constructor.defaultProps,n(this.core.options.countryCode,s),e))}storeElementRefOnCore(t){(null==t?void 0:t.isDropin)||this.core.storeElementReference(this)}isAvailable(){return Promise.resolve()}setState(t){this.state=p({},this.state,t),this.onChange()}showValidation(){return this.componentRef&&this.componentRef.showValidation&&this.componentRef.showValidation(),this}setElementStatus(t,e){var s;return null===(s=this.elementRef)||void 0===s||s.setStatus(t,e),this}setStatus(t,e){var s;return(null===(s=this.componentRef)||void 0===s?void 0:s.setStatus)&&this.componentRef.setStatus(t,e),this}onChange(){var t,e;const s=this.isValid,i={data:this.data,errors:this.state.errors,valid:this.state.valid,isValid:s};return null===(t=(e=this.props).onChange)||void 0===t||t.call(e,i,this.elementRef),i}setUpAnalytics(t){var e;const s=null===(e=this.props.session)||void 0===e?void 0:e.id;return this.props.modules.analytics.setUp(p({},t,s&&{sessionId:s}))}submitAnalytics(t){try{let e=this.constructor.analyticsType;e||(e="scheme"===this.constructor.type||"bcmc"===this.constructor.type?this.constructor.type:this.props.type),this.props.modules.analytics.sendAnalytics(e,t)}catch(t){console.warn("Failed to submit the analytics event")}}submit(){this.isValid?this.makePaymentsCall().then(o).then(r).then(this.handleResponse).catch(this.handleFailedResult):this.showValidation()}makePaymentsCall(){if(this.setElementStatus("loading"),this.props.onSubmit)return this.submitUsingAdvancedFlow();if(this.core.session){return(this.props.beforeSubmit?new Promise(((t,e)=>this.props.beforeSubmit(this.data,this.elementRef,{resolve:t,reject:e}))):Promise.resolve(this.data)).then(this.submitUsingSessionsFlow)}this.handleError(new l("IMPLEMENTATION_ERROR",'It can not perform /payments call. Callback "onSubmit" is missing or Checkout session is not available'))}async submitUsingAdvancedFlow(){return new Promise(((t,e)=>{this.submitAnalytics({type:d}),this.props.onSubmit({data:this.data,isValid:this.isValid},this.elementRef,{resolve:t,reject:e})}))}async submitUsingSessionsFlow(t){this.submitAnalytics({type:d});try{return await this.core.session.submitPayment(t)}catch(t){return this.handleError(t),Promise.reject(t)}}onComplete(t){this.props.onComplete&&this.props.onComplete(t,this.elementRef)}handleAdditionalDetails(t){this.makeAdditionalDetailsCall(t).then(o).then(r).then(this.handleResponse).catch(this.handleFailedResult)}makeAdditionalDetailsCall(t){return this.setElementStatus("loading"),this.props.onAdditionalDetails?new Promise(((e,s)=>{this.props.onAdditionalDetails(t,this.elementRef,{resolve:e,reject:s})})):this.core.session?this.submitAdditionalDetailsUsingSessionsFlow(t.data):void this.handleError(new l("IMPLEMENTATION_ERROR",'It can not perform /payments/details call. Callback "onAdditionalDetails" is missing or Checkout session is not available'))}async submitAdditionalDetailsUsingSessionsFlow(t){try{return await this.core.session.submitDetails(t)}catch(t){return this.handleError(t),Promise.reject(t)}}handleAction(t,e={}){if(!t||!t.type){if(h(t,"action")&&h(t,"resultCode"))throw new Error('handleAction::Invalid Action - the passed action object itself has an "action" property and a "resultCode": have you passed in the whole response object by mistake?');throw new Error('handleAction::Invalid Action - the passed action object does not have a "type" property')}const s=this.core.createFromAction(t,m(p({},this.elementRef.props,e),{onAdditionalDetails:this.handleAdditionalDetails}));return s?(this.unmount(),s.mount(this._node)):null}handleResponse(t){var e,s;const i=o(t);i.action?this.elementRef.handleAction(i.action):(null===(s=i.order)||void 0===s||null===(e=s.remainingAmount)||void 0===e?void 0:e.value)>0?this.handleOrder(i):this.handleSuccessResult(i)}updateParent(t={}){return this.elementRef.core.update(t)}get isValid(){return!1}get icon(){const t=this.props.paymentMethodType||this.type;var e;return null!==(e=this.props.icon)&&void 0!==e?e:this.resources.getImage()(t)}get displayName(){var t,e;const s=null===(e=this.core.paymentMethodsResponse)||void 0===e||null===(t=e.paymentMethods)||void 0===t?void 0:t.find((t=>t.type===this.type));return this.props.name||(null==s?void 0:s.name)||this.type}get accessibleName(){return this.displayName}get additionalInfo(){return null}get type(){return this.props.type||this.constructor.type}async handleAdvanceFlowPaymentMethodsUpdate(t,e){return new Promise(((e,s)=>{if(!this.props.onPaymentMethodsRequest)return s(new Error("onPaymentMethodsRequest is not implemented"));this.props.onPaymentMethodsRequest(m(p({},t&&{order:{orderData:t.orderData,pspReference:t.pspReference}}),{locale:this.core.options.locale}),{resolve:e,reject:s})})).catch((t=>{this.handleError(new l("IMPLEMENTATION_ERROR","Something failed during payment methods update or onPaymentMethodsRequest was not implemented",{cause:t}))})).then((s=>this.core.update(m(p({},s&&{paymentMethodsResponse:s}),{order:t,amount:t?t.remainingAmount:e}))))}constructor(e,n){super(e,n),c(this,"componentRef",void 0),c(this,"resources",void 0),c(this,"elementRef",void 0),c(this,"handleError",(t=>{this.setElementStatus("ready"),this.props.onError&&this.props.onError(t,this.elementRef)})),c(this,"handleOrder",(t=>{const{order:e}=t;(this.core.session?this.core.update({order:e}):this.handleAdvanceFlowPaymentMethodsUpdate(e)).then((()=>{var t,s;null===(t=(s=this.props).onOrderUpdated)||void 0===t||t.call(s,{order:e})}))})),c(this,"handleFailedResult",(t=>{var e,s;i(this.elementRef)&&this.elementRef.displayFinalAnimation("error"),a(t),null===(e=(s=this.props).onPaymentFailed)||void 0===e||e.call(s,t,this.elementRef)})),c(this,"handleSuccessResult",(t=>{var e,s;i(this.elementRef)&&this.elementRef.displayFinalAnimation("success"),a(t),null===(e=(s=this.props).onPaymentCompleted)||void 0===e||e.call(s,t,this.elementRef)})),c(this,"setComponentRef",(t=>{this.componentRef=t})),c(this,"payButton",(e=>t(s,m(p({},e),{amount:this.props.amount,secondaryAmount:this.props.secondaryAmount,onClick:this.submit})))),this.constructor.type&&this.core.register(this.constructor),this.submit=this.submit.bind(this),this.setState=this.setState.bind(this),this.onComplete=this.onComplete.bind(this),this.handleAction=this.handleAction.bind(this),this.handleOrder=this.handleOrder.bind(this),this.handleAdditionalDetails=this.handleAdditionalDetails.bind(this),this.handleResponse=this.handleResponse.bind(this),this.setElementStatus=this.setElementStatus.bind(this),this.submitAnalytics=this.submitAnalytics.bind(this),this.makePaymentsCall=this.makePaymentsCall.bind(this),this.makeAdditionalDetailsCall=this.makeAdditionalDetailsCall.bind(this),this.submitUsingSessionsFlow=this.submitUsingSessionsFlow.bind(this),this.elementRef=n&&n.elementRef||this,this.resources=this.props.modules?this.props.modules.resources:void 0,this.storeElementRefOnCore(this.props)}}c(u,"type",void 0),c(u,"txVariants",[]);export{u as UIElement,u as default};
+import{createElement as t}from"../../../external/preact/dist/preact.js";import e from"../BaseElement/BaseElement.js";import s from"../PayButton/PayButton.js";import{assertIsDropin as i,getRegulatoryDefaults as n,sanitizeResponse as o,verifyPaymentDidNotFail as r,cleanupFinalResult as a}from"./utils.js";import l from"../../../core/Errors/AdyenCheckoutError.js";import{hasOwnProperty as h}from"../../../utils/hasOwnProperty.js";import{ANALYTICS_SUBMIT_STR as d}from"../../../core/Analytics/constants.js";function c(t,e,s){return e in t?Object.defineProperty(t,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[e]=s,t}function p(t){for(var e=1;e<arguments.length;e++){var s=null!=arguments[e]?arguments[e]:{},i=Object.keys(s);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(s).filter((function(t){return Object.getOwnPropertyDescriptor(s,t).enumerable})))),i.forEach((function(e){c(t,e,s[e])}))}return t}function m(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t,e){var s=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),s.push.apply(s,i)}return s}(Object(e)).forEach((function(s){Object.defineProperty(t,s,Object.getOwnPropertyDescriptor(e,s))})),t}class u extends e{buildElementProps(t){const e=p({showPayButton:!0},this.core.getCorePropsForComponent(),!!(null==t?void 0:t.isStoredPaymentMethod)?{}:this.core.paymentMethodsResponse.find((null==t?void 0:t.type)||this.constructor.type),t),s=i(this);this.props=this.formatProps(p({},this.constructor.defaultProps,n(this.core.options.countryCode,s),e))}storeElementRefOnCore(t){(null==t?void 0:t.isDropin)||this.core.storeElementReference(this)}isAvailable(){return Promise.resolve()}setState(t){this.state=p({},this.state,t),this.onChange()}showValidation(){return this.componentRef&&this.componentRef.showValidation&&this.componentRef.showValidation(),this}setElementStatus(t,e){var s;return null===(s=this.elementRef)||void 0===s||s.setStatus(t,e),this}setStatus(t,e){var s;return(null===(s=this.componentRef)||void 0===s?void 0:s.setStatus)&&this.componentRef.setStatus(t,e),this}onChange(){var t,e;const s=this.isValid,i={data:this.data,errors:this.state.errors,valid:this.state.valid,isValid:s};return null===(t=(e=this.props).onChange)||void 0===t||t.call(e,i,this.elementRef),i}setUpAnalytics(t){var e;const s=null===(e=this.props.session)||void 0===e?void 0:e.id;return this.props.modules.analytics.setUp(p({},t,s&&{sessionId:s}))}submitAnalytics(t,e){try{let s=this.constructor.analyticsType;s||(s="scheme"===this.constructor.type||"bcmc"===this.constructor.type?this.constructor.type:this.props.type),this.props.modules.analytics.sendAnalytics(s,t,e)}catch(t){console.warn("Failed to submit the analytics event. Error:",t)}}submit(){this.isValid?this.makePaymentsCall().then(o).then(r).then(this.handleResponse).catch(this.handleFailedResult):this.showValidation()}makePaymentsCall(){if(this.setElementStatus("loading"),this.props.onSubmit)return this.submitUsingAdvancedFlow();if(this.core.session){return(this.props.beforeSubmit?new Promise(((t,e)=>this.props.beforeSubmit(this.data,this.elementRef,{resolve:t,reject:e}))):Promise.resolve(this.data)).then(this.submitUsingSessionsFlow)}this.handleError(new l("IMPLEMENTATION_ERROR",'It can not perform /payments call. Callback "onSubmit" is missing or Checkout session is not available'))}async submitUsingAdvancedFlow(){return new Promise(((t,e)=>{this.submitAnalytics({type:d}),this.props.onSubmit({data:this.data,isValid:this.isValid},this.elementRef,{resolve:t,reject:e})}))}async submitUsingSessionsFlow(t){this.submitAnalytics({type:d});try{return await this.core.session.submitPayment(t)}catch(t){return this.handleError(t),Promise.reject(t)}}onComplete(t){this.props.onComplete&&this.props.onComplete(t,this.elementRef)}handleAdditionalDetails(t){this.makeAdditionalDetailsCall(t).then(o).then(r).then(this.handleResponse).catch(this.handleFailedResult)}makeAdditionalDetailsCall(t){return this.setElementStatus("loading"),this.props.onAdditionalDetails?new Promise(((e,s)=>{this.props.onAdditionalDetails(t,this.elementRef,{resolve:e,reject:s})})):this.core.session?this.submitAdditionalDetailsUsingSessionsFlow(t.data):void this.handleError(new l("IMPLEMENTATION_ERROR",'It can not perform /payments/details call. Callback "onAdditionalDetails" is missing or Checkout session is not available'))}async submitAdditionalDetailsUsingSessionsFlow(t){try{return await this.core.session.submitDetails(t)}catch(t){return this.handleError(t),Promise.reject(t)}}handleAction(t,e={}){if(!t||!t.type){if(h(t,"action")&&h(t,"resultCode"))throw new Error('handleAction::Invalid Action - the passed action object itself has an "action" property and a "resultCode": have you passed in the whole response object by mistake?');throw new Error('handleAction::Invalid Action - the passed action object does not have a "type" property')}const s=this.core.createFromAction(t,m(p({},this.elementRef.props,e),{onAdditionalDetails:this.handleAdditionalDetails}));return s?(this.unmount(),s.mount(this._node)):null}handleResponse(t){var e,s;const i=o(t);i.action?this.elementRef.handleAction(i.action):(null===(s=i.order)||void 0===s||null===(e=s.remainingAmount)||void 0===e?void 0:e.value)>0?this.handleOrder(i):this.handleSuccessResult(i)}updateParent(t={}){return this.elementRef.core.update(t)}get isValid(){return!1}get icon(){const t=this.props.paymentMethodType||this.type;var e;return null!==(e=this.props.icon)&&void 0!==e?e:this.resources.getImage()(t)}get displayName(){var t,e;const s=null===(e=this.core.paymentMethodsResponse)||void 0===e||null===(t=e.paymentMethods)||void 0===t?void 0:t.find((t=>t.type===this.type));return this.props.name||(null==s?void 0:s.name)||this.type}get accessibleName(){return this.displayName}get additionalInfo(){return null}get type(){return this.props.type||this.constructor.type}async handleAdvanceFlowPaymentMethodsUpdate(t,e){return new Promise(((e,s)=>{if(!this.props.onPaymentMethodsRequest)return s(new Error("onPaymentMethodsRequest is not implemented"));this.props.onPaymentMethodsRequest(m(p({},t&&{order:{orderData:t.orderData,pspReference:t.pspReference}}),{locale:this.core.options.locale}),{resolve:e,reject:s})})).catch((t=>{this.handleError(new l("IMPLEMENTATION_ERROR","Something failed during payment methods update or onPaymentMethodsRequest was not implemented",{cause:t}))})).then((s=>this.core.update(m(p({},s&&{paymentMethodsResponse:s}),{order:t,amount:t?t.remainingAmount:e}))))}constructor(e,n){super(e,n),c(this,"componentRef",void 0),c(this,"resources",void 0),c(this,"elementRef",void 0),c(this,"handleError",(t=>{this.setElementStatus("ready"),this.props.onError&&this.props.onError(t,this.elementRef)})),c(this,"handleOrder",(t=>{const{order:e}=t;(this.core.session?this.core.update({order:e}):this.handleAdvanceFlowPaymentMethodsUpdate(e)).then((()=>{var t,s;null===(t=(s=this.props).onOrderUpdated)||void 0===t||t.call(s,{order:e})}))})),c(this,"handleFailedResult",(t=>{var e,s;i(this.elementRef)&&this.elementRef.displayFinalAnimation("error"),a(t),null===(e=(s=this.props).onPaymentFailed)||void 0===e||e.call(s,t,this.elementRef)})),c(this,"handleSuccessResult",(t=>{var e,s;i(this.elementRef)&&this.elementRef.displayFinalAnimation("success"),a(t),null===(e=(s=this.props).onPaymentCompleted)||void 0===e||e.call(s,t,this.elementRef)})),c(this,"setComponentRef",(t=>{this.componentRef=t})),c(this,"payButton",(e=>t(s,m(p({},e),{amount:this.props.amount,secondaryAmount:this.props.secondaryAmount,onClick:this.submit})))),this.constructor.type&&this.core.register(this.constructor),this.submit=this.submit.bind(this),this.setState=this.setState.bind(this),this.onComplete=this.onComplete.bind(this),this.handleAction=this.handleAction.bind(this),this.handleOrder=this.handleOrder.bind(this),this.handleAdditionalDetails=this.handleAdditionalDetails.bind(this),this.handleResponse=this.handleResponse.bind(this),this.setElementStatus=this.setElementStatus.bind(this),this.submitAnalytics=this.submitAnalytics.bind(this),this.makePaymentsCall=this.makePaymentsCall.bind(this),this.makeAdditionalDetailsCall=this.makeAdditionalDetailsCall.bind(this),this.submitUsingSessionsFlow=this.submitUsingSessionsFlow.bind(this),this.elementRef=n&&n.elementRef||this,this.resources=this.props.modules?this.props.modules.resources:void 0,this.storeElementRefOnCore(this.props)}}c(u,"type",void 0),c(u,"txVariants",[]);export{u as UIElement,u as default};
 //# sourceMappingURL=UIElement.js.map

package/dist/es-legacy/components/internal/UIElement/UIElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UIElement.js","sources":["../../../../../src/components/internal/UIElement/UIElement.tsx"],"sourcesContent":["import { h } from 'preact';\nimport BaseElement from '../BaseElement/BaseElement';\nimport PayButton from '../PayButton';\nimport { assertIsDropin, cleanupFinalResult, getRegulatoryDefaults, sanitizeResponse, verifyPaymentDidNotFail } from './utils';\nimport AdyenCheckoutError from '../../../core/Errors/AdyenCheckoutError';\nimport { hasOwnProperty } from '../../../utils/hasOwnProperty';\nimport { Resources } from '../../../core/Context/Resources';\nimport { ANALYTICS_SUBMIT_STR } from '../../../core/Analytics/constants';\n\nimport type { AnalyticsInitialEvent, SendAnalyticsObject } from '../../../core/Analytics/types';\nimport type { CoreConfiguration, ICore } from '../../../core/types';\nimport type { NewableComponent } from '../../../core/core.registry';\nimport type { ComponentMethodsRef, IUIElement, PayButtonFunctionProps, UIElementProps, UIElementStatus } from './types';\nimport type { CheckoutSessionDetailsResponse, CheckoutSessionPaymentResponse } from '../../../core/CheckoutSession/types';\nimport type {\n AdditionalDetailsStateData,\n CheckoutAdvancedFlowResponse,\n Order,\n PaymentAction,\n PaymentAmount,\n PaymentData,\n PaymentMethodsResponse,\n PaymentResponseData,\n RawPaymentResponse\n} from '../../../types/global-types';\nimport type { IDropin } from '../../Dropin/types';\n\nimport './UIElement.scss';\n\nexport abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> implements IUIElement {\n protected componentRef: any;\n\n protected resources: Resources;\n\n public elementRef: UIElement;\n\n public static type = undefined;\n\n /*\n Defines all txVariants that the Component supports (in case it support multiple ones besides the 'type' one)\n /\n public static txVariants: string[] = [];\n\n constructor(checkout: ICore, props?: P) {\n super(checkout, props);\n\n // Only register UIElements that have the 'type' set. Drop-in for example does not have.\n if (this.constructor['type']) {\n this.core.register(this.constructor as NewableComponent);\n }\n\n this.submit = this.submit.bind(this);\n this.setState = this.setState.bind(this);\n this.onComplete = this.onComplete.bind(this);\n this.handleAction = this.handleAction.bind(this);\n this.handleOrder = this.handleOrder.bind(this);\n this.handleAdditionalDetails = this.handleAdditionalDetails.bind(this);\n this.handleResponse = this.handleResponse.bind(this);\n this.setElementStatus = this.setElementStatus.bind(this);\n this.submitAnalytics = this.submitAnalytics.bind(this);\n this.makePaymentsCall = this.makePaymentsCall.bind(this);\n this.makeAdditionalDetailsCall = this.makeAdditionalDetailsCall.bind(this);\n this.submitUsingSessionsFlow = this.submitUsingSessionsFlow.bind(this);\n\n this.elementRef = (props && props.elementRef) \|\| this;\n this.resources = this.props.modules ? this.props.modules.resources : undefined;\n\n this.storeElementRefOnCore(this.props);\n }\n\n protected override buildElementProps(componentProps?: P) {\n const globalCoreProps = this.core.getCorePropsForComponent();\n const isStoredPaymentMethod = !!componentProps?.isStoredPaymentMethod;\n const paymentMethodsResponseProps = isStoredPaymentMethod\n ? {}\n : this.core.paymentMethodsResponse.find(componentProps?.type \|\| this.constructor['type']);\n\n const finalProps = {\n showPayButton: true,\n ...globalCoreProps,\n ...paymentMethodsResponseProps,\n ...componentProps\n };\n\n const isDropin = assertIsDropin(this as unknown as IDropin);\n\n this.props = this.formatProps({\n ...this.constructor['defaultProps'], // component defaults\n ...getRegulatoryDefaults(this.core.options.countryCode, isDropin), // regulatory defaults\n ...finalProps // the rest (inc. merchant defined config)\n });\n }\n\n protected storeElementRefOnCore(props?: P) {\n if (!props?.isDropin) {\n this.core.storeElementReference(this);\n }\n }\n\n public isAvailable(): Promise<void> {\n return Promise.resolve();\n }\n\n public setState(newState: object): void {\n this.state = { ...this.state, ...newState };\n this.onChange();\n }\n\n public showValidation(): this {\n if (this.componentRef && this.componentRef.showValidation) this.componentRef.showValidation();\n return this;\n }\n\n public setElementStatus(status: UIElementStatus, props?: any): this {\n this.elementRef?.setStatus(status, props);\n return this;\n }\n\n public setStatus(status: UIElementStatus, props?): this {\n if (this.componentRef?.setStatus) {\n this.componentRef.setStatus(status, props);\n }\n return this;\n }\n\n protected onChange(): object {\n const isValid = this.isValid;\n const state = { data: this.data, errors: this.state.errors, valid: this.state.valid, isValid };\n\n this.props.onChange?.(state, this.elementRef);\n\n return state;\n }\n\n // Only called once, for UIElements (including Dropin), as they are being mounted\n protected setUpAnalytics(setUpAnalyticsObj: AnalyticsInitialEvent) {\n const sessionId = this.props.session?.id;\n\n return this.props.modules.analytics.setUp({\n ...setUpAnalyticsObj,\n ...(sessionId && { sessionId })\n });\n }\n\n /\n A function for all UIElements, or BaseElement, to use to create an analytics action for when it's been:\n * - mounted,\n * - a PM has been selected\n * - onSubmit has been called (as a result of the pay button being pressed)\n \n In some other cases e.g. 3DS2 components, this function is overridden to allow more specific analytics actions to be created\n /\n / eslint-disable-next-line /\n protected submitAnalytics(analyticsObj: SendAnalyticsObject) {\n /* Work out what the component's \"type\" is:\n * - first check for a dedicated \"analyticsType\" (currently only applies to custom-cards)\n * - otherwise, distinguish cards from non-cards: cards will use their static type property, everything else will use props.type\n /\n try {\n let component = this.constructor['analyticsType'];\n if (!component) {\n component = this.constructor['type'] === 'scheme' \|\| this.constructor['type'] === 'bcmc' ? this.constructor['type'] : this.props.type;\n }\n\n this.props.modules.analytics.sendAnalytics(component, analyticsObj);\n } catch (error) {\n console.warn('Failed to submit the analytics event');\n }\n }\n\n public submit(): void {\n if (!this.isValid) {\n this.showValidation();\n return;\n }\n\n this.makePaymentsCall().then(sanitizeResponse).then(verifyPaymentDidNotFail).then(this.handleResponse).catch(this.handleFailedResult);\n }\n\n protected makePaymentsCall(): Promise<CheckoutAdvancedFlowResponse \| CheckoutSessionPaymentResponse> {\n this.setElementStatus('loading');\n\n if (this.props.onSubmit) {\n return this.submitUsingAdvancedFlow();\n }\n\n if (this.core.session) {\n const beforeSubmitEvent: Promise<PaymentData> = this.props.beforeSubmit\n ? new Promise((resolve, reject) =>\n this.props.beforeSubmit(this.data, this.elementRef, {\n resolve,\n reject\n })\n )\n : Promise.resolve(this.data);\n\n return beforeSubmitEvent.then(this.submitUsingSessionsFlow);\n }\n\n this.handleError(\n new AdyenCheckoutError(\n 'IMPLEMENTATION_ERROR',\n 'It can not perform /payments call. Callback \"onSubmit\" is missing or Checkout session is not available'\n )\n );\n }\n\n private async submitUsingAdvancedFlow(): Promise<CheckoutAdvancedFlowResponse> {\n return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n // Call analytics endpoint\n this.submitAnalytics({ type: ANALYTICS_SUBMIT_STR });\n\n this.props.onSubmit(\n {\n data: this.data,\n isValid: this.isValid\n },\n this.elementRef,\n { resolve, reject }\n );\n });\n }\n\n private async submitUsingSessionsFlow(data: PaymentData): Promise<CheckoutSessionPaymentResponse> {\n // Call analytics endpoint\n this.submitAnalytics({ type: ANALYTICS_SUBMIT_STR });\n\n try {\n return await this.core.session.submitPayment(data);\n } catch (error) {\n this.handleError(error);\n return Promise.reject(error);\n }\n\n // // Uncomment to simulate failed\n // return {\n // resultCode: 'Refused',\n // sessionData:\n // 'Ab02b4c0!BQABAgBKGgqfEz8uQlU4yCIOWjA8bkEwmbJ7Qt4r+x5IPXREu1rMjwNk5MDoHFNlv+MWvinS6nXIDniXgRzXCdSC4ksw9CNDBAjOa+B88wRoj/rLTieuWh/0leR88qkV24vtIkjsIsbJTDB78Pd8wX8MEDsXhaAdEIyX9E8eqxuQ3bwPbvLs1Dlgo1ZrfkQRzaNiuVM8ejRG0IWE1bGThJzY+sJvZZHvlDMXIlxhZcDoQvsMj/WwE6+nFJxBiC3oRzmvVn3AbkLQGtvwq16UUSfYbPzG9dXypJMtcrZAQYq2g/2+BSibCcmee9AXq/wij11BERrYmjbDt5NkkdUnDVgAB7pdqbnWX0A2sxBKeYtLSP2kxp+5LoU/Wty3fmcVA3VKVkHfgmIihkeL8lY++5hvHjnkzOE4tyx/sheiKS4zqoWE43TD6n8mpFskAzwMHq4G2o6vkXqvaKFEq7y/R2fVrCypenmRhkPASizpM265rKLU+L4E/C+LMHfN0LYKRMCrLr0gI2GAp+1PZLHgh0tCtiJC/zcJJtJs6sHNQxLUN+kxJuELUHOcuL3ivjG+mWteUnBENZu7KqOSZYetiWYRiyLOXDiBHqbxuQwTuO54L15VLkS/mYB20etibM1nn+fRmbo+1IJkCSalhwi5D7fSrpjbQTmAsOpJT1N8lC1MSNmAvAwG1kWL4JxYwXDKYyYASnsia2V5IjoiQUYwQUFBMTAzQ0E1MzdFQUVEODdDMjRERDUzOTA5QjgwQTc4QTkyM0UzODIzRDY4REFDQzk0QjlGRjgzMDVEQyJ98uZI4thGveOByYbomCeeP2Gy2rzs99FOBoDYVeWIUjyM+gfnW89DdJZAhxe74Tv0TnL5DRQYPCTRQPOoLbQ21NaeSho70FNE+n8XYKlVK5Ore6BoB6IVCaal5MkM27VmZPMmGflgcPx+pakx+EmRsYGdvYNImYxJYrRk3CI+l3T3ZiVpPPqebaVSLaSkEfu0iOFPjjLUhWN6QW6c18heE5vq/pcoeBf7p0Jgr9I5aBFY0avYG57BDGHzU1ZiQ9LLMTis2BA7Ap9pdNq8FVXL4fnoVHNZiiANOf3uvSknPKBID8sdOXUStA0crmO322FYjDqh1n6FG+D7+OJSayNsXIz6Zoy0eFn4HbT8nt8L2X2tdzkMayCYHXRwKh13Xyleqxt4WoEZmhwTmB3p9d1F0SylWnjcC6o/DnshJ9mMW/8D3oWS30Z7BwRODqKGVahRD0YGRzwMbVnEe5JFRfNvJZdLGl35L9632DVmuFQ0lr/8WNL/NrAJNtI6PXrZMNiza0/omPwPfe5ZYuD1Jgq59TX4h9d+3fdkArcJYL7AdoMZON1YEiWY5EzazQwtHd9yzdty9ZHPxAfuOfCh4OhbhFNp+v5YQ+PzKZ+UpM1VxV863+9XgWEURPNvX7qq1cpUSRzrSGq01QBBM3MKzRh5mAgqIdXgtl7L0EXAep0MECc7QY0/o3tW3VR8eEJGsSzrNxpFItqj0SEaIWo25dRfkl5zuw47GQrN9Qzxl2WV3A38MQPUqFtIr/71Rjkphgg49ZGWEYCwgFmm8jJc2/5qTabSGk4bzwiETCTzeydq30bUGqCwglj8CrFViAuQeTJm7dp+PYKMkUNvQRpnSXMj6Kz7rvAMzhzJgK62ltN2idqKxLC7WtivCUgejuQUvNreCYBQCaKwTwP02lZsJpGF9yw8gbyuoB+2aB7IZmgIB8GP4qVQ/ht5B9z/FLohK/8cSPV/4i32SNNdcwhV',\n // sessionResult:\n // 'X3XtfGC7!H4sIAAAAAAAA/6tWykxRslJyDjaxNDMyM3E2MXIyNDUys3RU0lHKTS1KzkjMK3FMTs4vzSsBKgtJLS7xhYo6Z6QmZ+eXlgAVFpcklpQWA+WLUtNKi1NTlGoBMEEbz1cAAAA=iMsCaEJ5LcnsqIUtmNxjm8HtfQ8gZW8JewEU3wHz4qg='\n // };\n }\n\n protected onComplete(state): void {\n if (this.props.onComplete) this.props.onComplete(state, this.elementRef);\n }\n\n protected handleError = (error: AdyenCheckoutError): void => {\n /\n Set status using elementRef, which:\n * - If Drop-in, will set status for Dropin component, and then it will propagate the new status for the active payment method component\n * - If Component, it will set its own status\n /\n this.setElementStatus('ready');\n\n if (this.props.onError) {\n this.props.onError(error, this.elementRef);\n }\n };\n\n protected handleAdditionalDetails(state: AdditionalDetailsStateData): void {\n this.makeAdditionalDetailsCall(state)\n .then(sanitizeResponse)\n .then(verifyPaymentDidNotFail)\n .then(this.handleResponse)\n .catch(this.handleFailedResult);\n }\n\n private makeAdditionalDetailsCall(state: AdditionalDetailsStateData): Promise<CheckoutSessionDetailsResponse \| CheckoutAdvancedFlowResponse> {\n this.setElementStatus('loading');\n\n if (this.props.onAdditionalDetails) {\n return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n this.props.onAdditionalDetails(state, this.elementRef, { resolve, reject });\n });\n }\n\n if (this.core.session) {\n return this.submitAdditionalDetailsUsingSessionsFlow(state.data);\n }\n\n this.handleError(\n new AdyenCheckoutError(\n 'IMPLEMENTATION_ERROR',\n 'It can not perform /payments/details call. Callback \"onAdditionalDetails\" is missing or Checkout session is not available'\n )\n );\n }\n\n private async submitAdditionalDetailsUsingSessionsFlow(data: any): Promise<CheckoutSessionDetailsResponse> {\n try {\n return await this.core.session.submitDetails(data);\n } catch (error) {\n this.handleError(error);\n return Promise.reject(error);\n }\n }\n\n public handleAction(action: PaymentAction, props = {}): UIElement<P> \| null {\n if (!action \|\| !action.type) {\n if (hasOwnProperty(action, 'action') && hasOwnProperty(action, 'resultCode')) {\n throw new Error(\n 'handleAction::Invalid Action - the passed action object itself has an \"action\" property and ' +\n 'a \"resultCode\": have you passed in the whole response object by mistake?'\n );\n }\n throw new Error('handleAction::Invalid Action - the passed action object does not have a \"type\" property');\n }\n\n const paymentAction = this.core.createFromAction(action, {\n ...this.elementRef.props,\n ...props,\n onAdditionalDetails: this.handleAdditionalDetails\n });\n\n if (paymentAction) {\n this.unmount();\n return paymentAction.mount(this._node);\n }\n\n return null;\n }\n\n protected handleOrder = (response: PaymentResponseData): void => {\n const { order } = response;\n\n const updateCorePromise = this.core.session ? this.core.update({ order }) : this.handleAdvanceFlowPaymentMethodsUpdate(order);\n\n updateCorePromise.then(() => {\n this.props.onOrderUpdated?.({ order });\n });\n };\n\n /\n Handles when the payment fails. The payment fails when:\n * - adv flow: the merchant rejects the payment due to a critical error\n * - adv flow: the merchant resolves the payment with a failed resultCode\n * - sessions: a network error occurs when making the payment\n * - sessions: the payment fails with a failed resultCode\n \n @param result\n /\n protected handleFailedResult = (result?: PaymentResponseData): void => {\n if (assertIsDropin(this.elementRef)) {\n this.elementRef.displayFinalAnimation('error');\n }\n\n cleanupFinalResult(result);\n this.props.onPaymentFailed?.(result, this.elementRef);\n };\n\n protected handleSuccessResult = (result: PaymentResponseData): void => {\n if (assertIsDropin(this.elementRef)) {\n this.elementRef.displayFinalAnimation('success');\n }\n\n cleanupFinalResult(result);\n this.props.onPaymentCompleted?.(result, this.elementRef);\n };\n\n /\n Handles a session /payments or /payments/details response.\n * The component will handle automatically actions, orders, and final results.\n \n @param rawResponse -\n /\n protected handleResponse(rawResponse: RawPaymentResponse): void {\n const response = sanitizeResponse(rawResponse);\n\n if (response.action) {\n this.elementRef.handleAction(response.action);\n return;\n }\n\n if (response.order?.remainingAmount?.value > 0) {\n // we don't want to call elementRef here, use the component handler\n // we do this way so the logic on handlingOrder is associated with payment method\n this.handleOrder(response);\n return;\n }\n\n this.handleSuccessResult(response);\n }\n\n /\n Call update on parent instance\n * This function exist to make safe access to the protect _parentInstance\n * @param options - CoreOptions\n /\n public updateParent(options: CoreConfiguration = {}): Promise<ICore> {\n return this.elementRef.core.update(options);\n }\n\n public setComponentRef = (ref: ComponentMethodsRef) => {\n this.componentRef = ref;\n };\n\n /\n Get the current validation status of the element\n /\n public get isValid(): boolean {\n return false;\n }\n\n /\n Get the element icon URL for the current environment\n /\n\n public get icon(): string {\n const type = this.props.paymentMethodType \|\| this.type;\n return this.props.icon ?? this.resources.getImage()(type);\n }\n\n /\n Get the element's displayable name\n /\n public get displayName(): string {\n const paymentMethodFromResponse = this.core.paymentMethodsResponse?.paymentMethods?.find(pm => pm.type === this.type);\n return this.props.name \|\| paymentMethodFromResponse?.name \|\| this.type;\n }\n\n /\n Get the element accessible name, used in the aria-label of the button that controls selected payment method\n /\n public get accessibleName(): string {\n return this.displayName;\n }\n\n /\n Used to display the second line of a payment method item\n /\n get additionalInfo(): string {\n return null;\n }\n\n /\n Return the type of an element\n /\n public get type(): string {\n return this.props.type \|\| this.constructor['type'];\n }\n\n /\n Get the payButton component for the current element\n /\n protected payButton = (props: PayButtonFunctionProps) => {\n return <PayButton {...props} amount={this.props.amount} secondaryAmount={this.props.secondaryAmount} onClick={this.submit} />;\n };\n\n /\n Used in the Partial Orders flow.\n * When the Order is updated, the merchant can request new payment methods based on the new remaining amount\n \n @private\n */\n protected async handleAdvanceFlowPaymentMethodsUpdate(order: Order \| null, amount?: PaymentAmount) {\n return new Promise<PaymentMethodsResponse>((resolve, reject) => {\n if (!this.props.onPaymentMethodsRequest) {\n return reject(new Error('onPaymentMethodsRequest is not implemented'));\n }\n\n this.props.onPaymentMethodsRequest(\n {\n ...(order && {\n order: {\n orderData: order.orderData,\n pspReference: order.pspReference\n }\n }),\n locale: this.core.options.locale\n },\n { resolve, reject }\n );\n })\n .catch(error => {\n this.handleError(\n new AdyenCheckoutError(\n 'IMPLEMENTATION_ERROR',\n 'Something failed during payment methods update or onPaymentMethodsRequest was not implemented',\n {\n cause: error\n }\n )\n );\n })\n .then(paymentMethodsResponse => {\n // in the case of the session flow we get order, amount, countryCode and shopperLocale from initialize()\n // apply the same logic here for order and amount\n // in the future it might be worth moving this logic to be performed by the core on update()\n // it would make this more consistent\n return this.core.update({\n ...(paymentMethodsResponse && { paymentMethodsResponse }),\n order,\n amount: order ? order.remainingAmount : amount\n });\n });\n }\n}\n\nexport default UIElement;\n"],"names":["UIElement","BaseElement","buildElementProps","componentProps","finalProps","_object_spread","showPayButton","this","core","getCorePropsForComponent","isStoredPaymentMethod","paymentMethodsResponse","find","type","constructor","isDropin","assertIsDropin","props","formatProps","getRegulatoryDefaults","options","countryCode","storeElementRefOnCore","storeElementReference","isAvailable","Promise","resolve","setState","newState","state","onChange","showValidation","componentRef","setElementStatus","status","_this_elementRef","elementRef","setStatus","_this_componentRef","_this_props_onChange","_this_props","isValid","data","errors","valid","call","setUpAnalytics","setUpAnalyticsObj","_this_props_session","sessionId","session","id","modules","analytics","setUp","submitAnalytics","analyticsObj","component","sendAnalytics","error","console","warn","submit","makePaymentsCall","then","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","catch","handleFailedResult","onSubmit","submitUsingAdvancedFlow","beforeSubmit","reject","submitUsingSessionsFlow","handleError","AdyenCheckoutError","ANALYTICS_SUBMIT_STR","submitPayment","onComplete","handleAdditionalDetails","makeAdditionalDetailsCall","onAdditionalDetails","submitAdditionalDetailsUsingSessionsFlow","submitDetails","handleAction","action","hasOwnProperty","Error","paymentAction","createFromAction","_object_spread_props","unmount","mount","_node","rawResponse","response","order","remainingAmount","value","handleOrder","handleSuccessResult","updateParent","update","icon","paymentMethodType","_this_props_icon","resources","getImage","displayName","_this_core_paymentMethodsResponse_paymentMethods","_this_core_paymentMethodsResponse","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","handleAdvanceFlowPaymentMethodsUpdate","amount","onPaymentMethodsRequest","orderData","pspReference","locale","cause","checkout","super","_define_property","onError","_this_props_onOrderUpdated","onOrderUpdated","result","_this_props_onPaymentFailed","displayFinalAnimation","cleanupFinalResult","onPaymentFailed","_this_props_onPaymentCompleted","onPaymentCompleted","setComponentRef","ref","payButton","h","PayButton","secondaryAmount","onClick","register","bind","undefined","txVariants"],"mappings":"g4CA6BO,MAAeA,UAA6DC,EAyC5DC,iBAAAA,CAAkBC,GACjC,MAMMC,EAAaC,EAAA,CACfC,eAAe,GAPKC,KAAKC,KAAKC,8BACFN,aAAAA,EAAAA,EAAgBO,uBAE1C,GACAH,KAAKC,KAAKG,uBAAuBC,MAAKT,eAAAA,EAAgBU,OAAQN,KAAKO,YAAmB,MAMrFX,GAGDY,EAAWC,EAAeT,MAEhCA,KAAKU,MAAQV,KAAKW,YAAYb,EAAA,CAAA,EACvBE,KAAKO,yBACLK,EAAsBZ,KAAKC,KAAKY,QAAQC,YAAaN,GACrDX,GAEX,CAEUkB,qBAAAA,CAAsBL,IACvBA,aAAAA,EAAAA,EAAOF,WACRR,KAAKC,KAAKe,sBAAsBhB,KAExC,CAEOiB,WAAAA,GACH,OAAOC,QAAQC,SACnB,CAEOC,QAAAA,CAASC,GACZrB,KAAKsB,MAAQxB,KAAKE,KAAKsB,MAAUD,GACjCrB,KAAKuB,UACT,CAEOC,cAAAA,GAEH,OADIxB,KAAKyB,cAAgBzB,KAAKyB,aAAaD,gBAAgBxB,KAAKyB,aAAaD,iBACtExB,IACX,CAEO0B,gBAAAA,CAAiBC,EAAyBjB,GAC7C,IAAAkB,EACA,OADe,QAAfA,EAAA5B,KAAK6B,sBAALD,GAAAA,EAAiBE,UAAUH,EAAQjB,GAC5BV,IACX,CAEO8B,SAAAA,CAAUH,EAAyBjB,GAClC,IAAAqB,EAGJ,eAHIA,EAAA/B,KAAKyB,oBAAL,IAAAM,OAAA,EAAAA,EAAmBD,YACnB9B,KAAKyB,aAAaK,UAAUH,EAAQjB,GAEjCV,IACX,CAEUuB,QAAAA,OAINS,EAAAC,EAHA,MAAMC,EAAUlC,KAAKkC,QACfZ,EAAQ,CAAEa,KAAMnC,KAAKmC,KAAMC,OAAQpC,KAAKsB,MAAMc,OAAQC,MAAOrC,KAAKsB,MAAMe,MAAOH,WAIrF,OAFA,QAAAF,GAAAC,EAAAjC,KAAKU,OAAMa,gBAAX,IAAAS,GAAAA,EAAAM,KAAAL,EAAsBX,EAAOtB,KAAK6B,YAE3BP,CACX,CAGUiB,cAAAA,CAAeC,GACH,IAAAC,EAAlB,MAAMC,EAA8B,QAAlBD,EAAAzC,KAAKU,MAAMiC,eAAX,IAAAF,OAAA,EAAAA,EAAoBG,GAEtC,OAAO5C,KAAKU,MAAMmC,QAAQC,UAAUC,MAAMjD,EACnC0C,CAAAA,EAAAA,EACCE,GAAa,CAAEA,cAE3B,CAWA,eAAAM,CAA0BC,GAKtB,IACI,IAAIC,EAAYlD,KAAKO,YAA4B,cAC5C2C,IACDA,EAAyC,WAA7BlD,KAAKO,YAAY,MAAqD,SAA7BP,KAAKO,YAAY,KAAqBP,KAAKO,YAAY,KAAUP,KAAKU,MAAMJ,MAGrIN,KAAKU,MAAMmC,QAAQC,UAAUK,cAAcD,EAAWD,EAC1D,CAAE,MAAOG,GACLC,QAAQC,KAAK,uCACjB,CACJ,CAEOC,MAAAA,GACEvD,KAAKkC,QAKVlC,KAAKwD,mBAAmBC,KAAKC,GAAkBD,KAAKE,GAAyBF,KAAKzD,KAAK4D,gBAAgBC,MAAM7D,KAAK8D,oBAJ9G9D,KAAKwB,gBAKb,CAEUgC,gBAAAA,GAGN,GAFAxD,KAAK0B,iBAAiB,WAElB1B,KAAKU,MAAMqD,SACX,OAAO/D,KAAKgE,0BAGhB,GAAIhE,KAAKC,KAAK0C,QAAS,CAUnB,OATgD3C,KAAKU,MAAMuD,aACrD,IAAI/C,SAAQ,CAACC,EAAS+C,IAClBlE,KAAKU,MAAMuD,aAAajE,KAAKmC,KAAMnC,KAAK6B,WAAY,CAChDV,UACA+C,aAGRhD,QAAQC,QAAQnB,KAAKmC,OAEFsB,KAAKzD,KAAKmE,wBACvC,CAEAnE,KAAKoE,YACD,IAAIC,EACA,uBACA,0GAGZ,CAEA,6BAAcL,GACV,OAAO,IAAI9C,SAAsC,CAACC,EAAS+C,KAEvDlE,KAAKgD,gBAAgB,CAAE1C,KAAMgE,IAE7BtE,KAAKU,MAAMqD,SACP,CACI5B,KAAMnC,KAAKmC,KACXD,QAASlC,KAAKkC,SAElBlC,KAAK6B,WACL,CAAEV,UAAS+C,UAAO,GAG9B,CAEA,6BAAcC,CAAwBhC,GAElCnC,KAAKgD,gBAAgB,CAAE1C,KAAMgE,IAE7B,IACI,aAAatE,KAAKC,KAAK0C,QAAQ4B,cAAcpC,EACjD,CAAE,MAAOiB,GAEL,OADApD,KAAKoE,YAAYhB,GACVlC,QAAQgD,OAAOd,EAC1B,CAUJ,CAEUoB,UAAAA,CAAWlD,GACbtB,KAAKU,MAAM8D,YAAYxE,KAAKU,MAAM8D,WAAWlD,EAAOtB,KAAK6B,WACjE,CAeU4C,uBAAAA,CAAwBnD,GAC9BtB,KAAK0E,0BAA0BpD,GAC1BmC,KAAKC,GACLD,KAAKE,GACLF,KAAKzD,KAAK4D,gBACVC,MAAM7D,KAAK8D,mBACpB,CAEQY,yBAAAA,CAA0BpD,GAG9B,OAFAtB,KAAK0B,iBAAiB,WAElB1B,KAAKU,MAAMiE,oBACJ,IAAIzD,SAAsC,CAACC,EAAS+C,KACvDlE,KAAKU,MAAMiE,oBAAoBrD,EAAOtB,KAAK6B,WAAY,CAAEV,UAAS+C,UAAO,IAI7ElE,KAAKC,KAAK0C,QACH3C,KAAK4E,yCAAyCtD,EAAMa,WAG/DnC,KAAKoE,YACD,IAAIC,EACA,uBACA,6HAGZ,CAEA,8CAAcO,CAAyCzC,GACnD,IACI,aAAanC,KAAKC,KAAK0C,QAAQkC,cAAc1C,EACjD,CAAE,MAAOiB,GAEL,OADApD,KAAKoE,YAAYhB,GACVlC,QAAQgD,OAAOd,EAC1B,CACJ,CAEO0B,YAAAA,CAAaC,EAAuBrE,EAAQ,IAC/C,IAAKqE,IAAWA,EAAOzE,KAAM,CACzB,GAAI0E,EAAeD,EAAQ,WAAaC,EAAeD,EAAQ,cAC3D,MAAM,IAAIE,MACN,wKAIR,MAAM,IAAIA,MAAM,0FACpB,CAEA,MAAMC,EAAgBlF,KAAKC,KAAKkF,iBAAiBJ,EAAQK,EAAAtF,EAAA,CAAA,EAClDE,KAAK6B,WAAWnB,MAChBA,GAAAA,CACHiE,oBAAqB3E,KAAKyE,2BAG9B,OAAIS,GACAlF,KAAKqF,UACEH,EAAcI,MAAMtF,KAAKuF,QAG7B,IACX,CA6CU3B,cAAAA,CAAe4B,OAQjBC,EAAAA,EAPJ,MAAMA,EAAW/B,EAAiB8B,GAE9BC,EAASV,OACT/E,KAAK6B,WAAWiD,aAAaW,EAASV,iBAItCU,EAAAA,EAASC,aAATD,IAAAA,GAAAA,QAAAA,EAAAA,EAAgBE,uBAAhBF,IAAAA,OAAAA,EAAAA,EAAiCG,OAAQ,EAGzC5F,KAAK6F,YAAYJ,GAIrBzF,KAAK8F,oBAAoBL,EAC7B,CAOA,YAAAM,CAAoBlF,EAA6B,IAC7C,OAAOb,KAAK6B,WAAW5B,KAAK+F,OAAOnF,EACvC,CASA,WAAWqB,GACP,OAAO,CACX,CAMA,QAAW+D,GACP,MAAM3F,EAAON,KAAKU,MAAMwF,mBAAqBlG,KAAKM,KAC3C,IAAA6F,EAAP,OAAO,QAAAA,EAAAnG,KAAKU,MAAMuF,YAAX,IAAAE,EAAAA,EAAmBnG,KAAKoG,UAAUC,UAAfrG,CAA0BM,EACxD,CAKA,eAAWgG,OAC2BC,EAAAC,EAAlC,MAAMC,EAA4D,QAAhCD,EAAAxG,KAAKC,KAAKG,8BAAV,IAAAoG,WAAAD,EAAAC,EAAkCE,sBAAlC,IAAAH,OAAA,EAAAA,EAAkDlG,MAAKsG,GAAMA,EAAGrG,OAASN,KAAKM,OAChH,OAAON,KAAKU,MAAMkG,OAAQH,aAAAA,EAAAA,EAA2BG,OAAQ5G,KAAKM,IACtE,CAKA,kBAAWuG,GACP,OAAO7G,KAAKsG,WAChB,CAKA,kBAAIQ,GACA,OAAO,IACX,CAKA,QAAWxG,GACP,OAAON,KAAKU,MAAMJ,MAAQN,KAAKO,YAAmB,IACtD,CAeA,2CAAgBwG,CAAsCrB,EAAqBsB,GACvE,OAAO,IAAI9F,SAAgC,CAACC,EAAS+C,KACjD,IAAKlE,KAAKU,MAAMuG,wBACZ,OAAO/C,EAAO,IAAIe,MAAM,+CAG5BjF,KAAKU,MAAMuG,wBACP7B,OACQM,GAAS,CACTA,MAAO,CACHwB,UAAWxB,EAAMwB,UACjBC,aAAczB,EAAMyB,gBAE5B,CACAC,OAAQpH,KAAKC,KAAKY,QAAQuG,SAE9B,CAAEjG,UAAS+C,UAAO,IAGrBL,OAAMT,IACHpD,KAAKoE,YACD,IAAIC,EACA,uBACA,gGACA,CACIgD,MAAOjE,IACX,IAIXK,MAAKrD,GAKKJ,KAAKC,KAAK+F,OAAOZ,OAChBhF,GAA0B,CAAEA,2BAAuB,CACvDsF,QACAsB,OAAQtB,EAAQA,EAAMC,gBAAkBqB,MAGxD,CAtcAzG,WAAAA,CAAY+G,EAAiB5G,GACzB6G,MAAMD,EAAU5G,GAdpB8G,EAAAxH,KAAUyB,oBAAV,GAEA+F,EAAAxH,KAAUoG,iBAAV,GAEAoB,EAAAxH,KAAO6B,kBAAP,GAsNA2F,EAAAxH,KAAUoE,eAAehB,IAMrBpD,KAAK0B,iBAAiB,SAElB1B,KAAKU,MAAM+G,SACXzH,KAAKU,MAAM+G,QAAQrE,EAAOpD,KAAK6B,WACnC,IAkEJ2F,EAAAxH,KAAU6F,eAAeJ,IACrB,MAAMC,MAAEA,GAAUD,GAEQzF,KAAKC,KAAK0C,QAAU3C,KAAKC,KAAK+F,OAAO,CAAEN,UAAW1F,KAAK+G,sCAAsCrB,IAErGjC,MAAK,SACnBiE,EAAAzF,EAAyB,QAAzByF,GAAAzF,EAAAjC,KAAKU,OAAMiH,sBAAX,IAAAD,GAAAA,EAAApF,KAAAL,EAA4B,CAAEyD,SAAM,GACxC,IAYJ8B,EAAAxH,KAAU8D,sBAAsB8D,QAM5BC,EAAA5F,EALIxB,EAAeT,KAAK6B,aACpB7B,KAAK6B,WAAWiG,sBAAsB,SAG1CC,EAAmBH,GACnB,QAAAC,GAAA5F,EAAAjC,KAAKU,OAAMsH,uBAAX,IAAAH,GAAAA,EAAAvF,KAAAL,EAA6B2F,EAAQ5H,KAAK6B,WAAU,IAGxD2F,EAAAxH,KAAU8F,uBAAuB8B,QAM7BK,EAAAhG,EALIxB,EAAeT,KAAK6B,aACpB7B,KAAK6B,WAAWiG,sBAAsB,WAG1CC,EAAmBH,GACnB,QAAAK,GAAAhG,EAAAjC,KAAKU,OAAMwH,0BAAX,IAAAD,GAAAA,EAAA3F,KAAAL,EAAgC2F,EAAQ5H,KAAK6B,WAAU,IAoC3D2F,EAAAxH,KAAOmI,mBAAmBC,IACtBpI,KAAKyB,aAAe2G,CAAAA,IAmDxBZ,EAAAxH,KAAUqI,aAAa3H,GACZ4H,EAACC,EAAc7H,EAAAA,EAAAA,CAAAA,EAAAA,GAAAA,CAAOsG,OAAQhH,KAAKU,MAAMsG,OAAQwB,gBAAiBxI,KAAKU,MAAM8H,gBAAiBC,QAASzI,KAAKuD,YAhZ/GvD,KAAKO,kBACLP,KAAKC,KAAKyI,SAAS1I,KAAKO,aAG5BP,KAAKuD,OAASvD,KAAKuD,OAAOoF,KAAK3I,MAC/BA,KAAKoB,SAAWpB,KAAKoB,SAASuH,KAAK3I,MACnCA,KAAKwE,WAAaxE,KAAKwE,WAAWmE,KAAK3I,MACvCA,KAAK8E,aAAe9E,KAAK8E,aAAa6D,KAAK3I,MAC3CA,KAAK6F,YAAc7F,KAAK6F,YAAY8C,KAAK3I,MACzCA,KAAKyE,wBAA0BzE,KAAKyE,wBAAwBkE,KAAK3I,MACjEA,KAAK4D,eAAiB5D,KAAK4D,eAAe+E,KAAK3I,MAC/CA,KAAK0B,iBAAmB1B,KAAK0B,iBAAiBiH,KAAK3I,MACnDA,KAAKgD,gBAAkBhD,KAAKgD,gBAAgB2F,KAAK3I,MACjDA,KAAKwD,iBAAmBxD,KAAKwD,iBAAiBmF,KAAK3I,MACnDA,KAAK0E,0BAA4B1E,KAAK0E,0BAA0BiE,KAAK3I,MACrEA,KAAKmE,wBAA0BnE,KAAKmE,wBAAwBwE,KAAK3I,MAEjEA,KAAK6B,WAAcnB,GAASA,EAAMmB,YAAe7B,KACjDA,KAAKoG,UAAYpG,KAAKU,MAAMmC,QAAU7C,KAAKU,MAAMmC,QAAQuD,eAAYwC,EAErE5I,KAAKe,sBAAsBf,KAAKU,MACpC,EAhCA8G,EAPkB/H,EAOJa,YAAOsI,GAKrBpB,EAZkB/H,EAYJoJ,aAAuB"}
1	+ {"version":3,"file":"UIElement.js","sources":["../../../../../src/components/internal/UIElement/UIElement.tsx"],"sourcesContent":["import { h } from 'preact';\nimport BaseElement from '../BaseElement/BaseElement';\nimport PayButton from '../PayButton';\nimport { assertIsDropin, cleanupFinalResult, getRegulatoryDefaults, sanitizeResponse, verifyPaymentDidNotFail } from './utils';\nimport AdyenCheckoutError from '../../../core/Errors/AdyenCheckoutError';\nimport { hasOwnProperty } from '../../../utils/hasOwnProperty';\nimport { Resources } from '../../../core/Context/Resources';\nimport { ANALYTICS_SUBMIT_STR } from '../../../core/Analytics/constants';\n\nimport type { AnalyticsInitialEvent, SendAnalyticsObject } from '../../../core/Analytics/types';\nimport type { CoreConfiguration, ICore } from '../../../core/types';\nimport type { NewableComponent } from '../../../core/core.registry';\nimport type { ComponentMethodsRef, IUIElement, PayButtonFunctionProps, UIElementProps, UIElementStatus } from './types';\nimport type { CheckoutSessionDetailsResponse, CheckoutSessionPaymentResponse } from '../../../core/CheckoutSession/types';\nimport type {\n AdditionalDetailsStateData,\n CheckoutAdvancedFlowResponse,\n Order,\n PaymentAction,\n PaymentAmount,\n PaymentData,\n PaymentMethodsResponse,\n PaymentResponseData,\n RawPaymentResponse\n} from '../../../types/global-types';\nimport type { IDropin } from '../../Dropin/types';\n\nimport './UIElement.scss';\n\nexport abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> implements IUIElement {\n protected componentRef: any;\n\n protected resources: Resources;\n\n public elementRef: UIElement;\n\n public static type = undefined;\n\n /*\n Defines all txVariants that the Component supports (in case it support multiple ones besides the 'type' one)\n /\n public static txVariants: string[] = [];\n\n constructor(checkout: ICore, props?: P) {\n super(checkout, props);\n\n // Only register UIElements that have the 'type' set. Drop-in for example does not have.\n if (this.constructor['type']) {\n this.core.register(this.constructor as NewableComponent);\n }\n\n this.submit = this.submit.bind(this);\n this.setState = this.setState.bind(this);\n this.onComplete = this.onComplete.bind(this);\n this.handleAction = this.handleAction.bind(this);\n this.handleOrder = this.handleOrder.bind(this);\n this.handleAdditionalDetails = this.handleAdditionalDetails.bind(this);\n this.handleResponse = this.handleResponse.bind(this);\n this.setElementStatus = this.setElementStatus.bind(this);\n this.submitAnalytics = this.submitAnalytics.bind(this);\n this.makePaymentsCall = this.makePaymentsCall.bind(this);\n this.makeAdditionalDetailsCall = this.makeAdditionalDetailsCall.bind(this);\n this.submitUsingSessionsFlow = this.submitUsingSessionsFlow.bind(this);\n\n this.elementRef = (props && props.elementRef) \|\| this;\n this.resources = this.props.modules ? this.props.modules.resources : undefined;\n\n this.storeElementRefOnCore(this.props);\n }\n\n protected override buildElementProps(componentProps?: P) {\n const globalCoreProps = this.core.getCorePropsForComponent();\n const isStoredPaymentMethod = !!componentProps?.isStoredPaymentMethod;\n const paymentMethodsResponseProps = isStoredPaymentMethod\n ? {}\n : this.core.paymentMethodsResponse.find(componentProps?.type \|\| this.constructor['type']);\n\n const finalProps = {\n showPayButton: true,\n ...globalCoreProps,\n ...paymentMethodsResponseProps,\n ...componentProps\n };\n\n const isDropin = assertIsDropin(this as unknown as IDropin);\n\n this.props = this.formatProps({\n ...this.constructor['defaultProps'], // component defaults\n ...getRegulatoryDefaults(this.core.options.countryCode, isDropin), // regulatory defaults\n ...finalProps // the rest (inc. merchant defined config)\n });\n }\n\n protected storeElementRefOnCore(props?: P) {\n if (!props?.isDropin) {\n this.core.storeElementReference(this);\n }\n }\n\n public isAvailable(): Promise<void> {\n return Promise.resolve();\n }\n\n public setState(newState: object): void {\n this.state = { ...this.state, ...newState };\n this.onChange();\n }\n\n public showValidation(): this {\n if (this.componentRef && this.componentRef.showValidation) this.componentRef.showValidation();\n return this;\n }\n\n public setElementStatus(status: UIElementStatus, props?: any): this {\n this.elementRef?.setStatus(status, props);\n return this;\n }\n\n public setStatus(status: UIElementStatus, props?): this {\n if (this.componentRef?.setStatus) {\n this.componentRef.setStatus(status, props);\n }\n return this;\n }\n\n protected onChange(): object {\n const isValid = this.isValid;\n const state = { data: this.data, errors: this.state.errors, valid: this.state.valid, isValid };\n\n this.props.onChange?.(state, this.elementRef);\n\n return state;\n }\n\n // Only called once, for UIElements (including Dropin), as they are being mounted\n protected setUpAnalytics(setUpAnalyticsObj: AnalyticsInitialEvent) {\n const sessionId = this.props.session?.id;\n\n return this.props.modules.analytics.setUp({\n ...setUpAnalyticsObj,\n ...(sessionId && { sessionId })\n });\n }\n\n /\n A function for all UIElements, or BaseElement, to use to create an analytics action for when it's been:\n * - mounted,\n * - a PM has been selected\n * - onSubmit has been called (as a result of the pay button being pressed)\n \n In some other cases e.g. 3DS2 components, this function is overridden to allow more specific analytics actions to be created\n /\n / eslint-disable-next-line /\n protected submitAnalytics(analyticsObj: SendAnalyticsObject, uiElementProps?) {\n /* Work out what the component's \"type\" is:\n * - first check for a dedicated \"analyticsType\" (currently only applies to custom-cards)\n * - otherwise, distinguish cards from non-cards: cards will use their static type property, everything else will use props.type\n /\n try {\n let component = this.constructor['analyticsType'];\n if (!component) {\n component = this.constructor['type'] === 'scheme' \|\| this.constructor['type'] === 'bcmc' ? this.constructor['type'] : this.props.type;\n }\n\n this.props.modules.analytics.sendAnalytics(component, analyticsObj, uiElementProps);\n } catch (error) {\n console.warn('Failed to submit the analytics event. Error:', error);\n }\n }\n\n public submit(): void {\n if (!this.isValid) {\n this.showValidation();\n return;\n }\n\n this.makePaymentsCall().then(sanitizeResponse).then(verifyPaymentDidNotFail).then(this.handleResponse).catch(this.handleFailedResult);\n }\n\n protected makePaymentsCall(): Promise<CheckoutAdvancedFlowResponse \| CheckoutSessionPaymentResponse> {\n this.setElementStatus('loading');\n\n if (this.props.onSubmit) {\n return this.submitUsingAdvancedFlow();\n }\n\n if (this.core.session) {\n const beforeSubmitEvent: Promise<PaymentData> = this.props.beforeSubmit\n ? new Promise((resolve, reject) =>\n this.props.beforeSubmit(this.data, this.elementRef, {\n resolve,\n reject\n })\n )\n : Promise.resolve(this.data);\n\n return beforeSubmitEvent.then(this.submitUsingSessionsFlow);\n }\n\n this.handleError(\n new AdyenCheckoutError(\n 'IMPLEMENTATION_ERROR',\n 'It can not perform /payments call. Callback \"onSubmit\" is missing or Checkout session is not available'\n )\n );\n }\n\n private async submitUsingAdvancedFlow(): Promise<CheckoutAdvancedFlowResponse> {\n return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n // Call analytics endpoint\n this.submitAnalytics({ type: ANALYTICS_SUBMIT_STR });\n\n this.props.onSubmit(\n {\n data: this.data,\n isValid: this.isValid\n },\n this.elementRef,\n { resolve, reject }\n );\n });\n }\n\n private async submitUsingSessionsFlow(data: PaymentData): Promise<CheckoutSessionPaymentResponse> {\n // Call analytics endpoint\n this.submitAnalytics({ type: ANALYTICS_SUBMIT_STR });\n\n try {\n return await this.core.session.submitPayment(data);\n } catch (error) {\n this.handleError(error);\n return Promise.reject(error);\n }\n\n // // Uncomment to simulate failed\n // return {\n // resultCode: 'Refused',\n // sessionData:\n // 'Ab02b4c0!BQABAgBKGgqfEz8uQlU4yCIOWjA8bkEwmbJ7Qt4r+x5IPXREu1rMjwNk5MDoHFNlv+MWvinS6nXIDniXgRzXCdSC4ksw9CNDBAjOa+B88wRoj/rLTieuWh/0leR88qkV24vtIkjsIsbJTDB78Pd8wX8MEDsXhaAdEIyX9E8eqxuQ3bwPbvLs1Dlgo1ZrfkQRzaNiuVM8ejRG0IWE1bGThJzY+sJvZZHvlDMXIlxhZcDoQvsMj/WwE6+nFJxBiC3oRzmvVn3AbkLQGtvwq16UUSfYbPzG9dXypJMtcrZAQYq2g/2+BSibCcmee9AXq/wij11BERrYmjbDt5NkkdUnDVgAB7pdqbnWX0A2sxBKeYtLSP2kxp+5LoU/Wty3fmcVA3VKVkHfgmIihkeL8lY++5hvHjnkzOE4tyx/sheiKS4zqoWE43TD6n8mpFskAzwMHq4G2o6vkXqvaKFEq7y/R2fVrCypenmRhkPASizpM265rKLU+L4E/C+LMHfN0LYKRMCrLr0gI2GAp+1PZLHgh0tCtiJC/zcJJtJs6sHNQxLUN+kxJuELUHOcuL3ivjG+mWteUnBENZu7KqOSZYetiWYRiyLOXDiBHqbxuQwTuO54L15VLkS/mYB20etibM1nn+fRmbo+1IJkCSalhwi5D7fSrpjbQTmAsOpJT1N8lC1MSNmAvAwG1kWL4JxYwXDKYyYASnsia2V5IjoiQUYwQUFBMTAzQ0E1MzdFQUVEODdDMjRERDUzOTA5QjgwQTc4QTkyM0UzODIzRDY4REFDQzk0QjlGRjgzMDVEQyJ98uZI4thGveOByYbomCeeP2Gy2rzs99FOBoDYVeWIUjyM+gfnW89DdJZAhxe74Tv0TnL5DRQYPCTRQPOoLbQ21NaeSho70FNE+n8XYKlVK5Ore6BoB6IVCaal5MkM27VmZPMmGflgcPx+pakx+EmRsYGdvYNImYxJYrRk3CI+l3T3ZiVpPPqebaVSLaSkEfu0iOFPjjLUhWN6QW6c18heE5vq/pcoeBf7p0Jgr9I5aBFY0avYG57BDGHzU1ZiQ9LLMTis2BA7Ap9pdNq8FVXL4fnoVHNZiiANOf3uvSknPKBID8sdOXUStA0crmO322FYjDqh1n6FG+D7+OJSayNsXIz6Zoy0eFn4HbT8nt8L2X2tdzkMayCYHXRwKh13Xyleqxt4WoEZmhwTmB3p9d1F0SylWnjcC6o/DnshJ9mMW/8D3oWS30Z7BwRODqKGVahRD0YGRzwMbVnEe5JFRfNvJZdLGl35L9632DVmuFQ0lr/8WNL/NrAJNtI6PXrZMNiza0/omPwPfe5ZYuD1Jgq59TX4h9d+3fdkArcJYL7AdoMZON1YEiWY5EzazQwtHd9yzdty9ZHPxAfuOfCh4OhbhFNp+v5YQ+PzKZ+UpM1VxV863+9XgWEURPNvX7qq1cpUSRzrSGq01QBBM3MKzRh5mAgqIdXgtl7L0EXAep0MECc7QY0/o3tW3VR8eEJGsSzrNxpFItqj0SEaIWo25dRfkl5zuw47GQrN9Qzxl2WV3A38MQPUqFtIr/71Rjkphgg49ZGWEYCwgFmm8jJc2/5qTabSGk4bzwiETCTzeydq30bUGqCwglj8CrFViAuQeTJm7dp+PYKMkUNvQRpnSXMj6Kz7rvAMzhzJgK62ltN2idqKxLC7WtivCUgejuQUvNreCYBQCaKwTwP02lZsJpGF9yw8gbyuoB+2aB7IZmgIB8GP4qVQ/ht5B9z/FLohK/8cSPV/4i32SNNdcwhV',\n // sessionResult:\n // 'X3XtfGC7!H4sIAAAAAAAA/6tWykxRslJyDjaxNDMyM3E2MXIyNDUys3RU0lHKTS1KzkjMK3FMTs4vzSsBKgtJLS7xhYo6Z6QmZ+eXlgAVFpcklpQWA+WLUtNKi1NTlGoBMEEbz1cAAAA=iMsCaEJ5LcnsqIUtmNxjm8HtfQ8gZW8JewEU3wHz4qg='\n // };\n }\n\n protected onComplete(state): void {\n if (this.props.onComplete) this.props.onComplete(state, this.elementRef);\n }\n\n protected handleError = (error: AdyenCheckoutError): void => {\n /\n Set status using elementRef, which:\n * - If Drop-in, will set status for Dropin component, and then it will propagate the new status for the active payment method component\n * - If Component, it will set its own status\n /\n this.setElementStatus('ready');\n\n if (this.props.onError) {\n this.props.onError(error, this.elementRef);\n }\n };\n\n protected handleAdditionalDetails(state: AdditionalDetailsStateData): void {\n this.makeAdditionalDetailsCall(state)\n .then(sanitizeResponse)\n .then(verifyPaymentDidNotFail)\n .then(this.handleResponse)\n .catch(this.handleFailedResult);\n }\n\n private makeAdditionalDetailsCall(state: AdditionalDetailsStateData): Promise<CheckoutSessionDetailsResponse \| CheckoutAdvancedFlowResponse> {\n this.setElementStatus('loading');\n\n if (this.props.onAdditionalDetails) {\n return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n this.props.onAdditionalDetails(state, this.elementRef, { resolve, reject });\n });\n }\n\n if (this.core.session) {\n return this.submitAdditionalDetailsUsingSessionsFlow(state.data);\n }\n\n this.handleError(\n new AdyenCheckoutError(\n 'IMPLEMENTATION_ERROR',\n 'It can not perform /payments/details call. Callback \"onAdditionalDetails\" is missing or Checkout session is not available'\n )\n );\n }\n\n private async submitAdditionalDetailsUsingSessionsFlow(data: any): Promise<CheckoutSessionDetailsResponse> {\n try {\n return await this.core.session.submitDetails(data);\n } catch (error) {\n this.handleError(error);\n return Promise.reject(error);\n }\n }\n\n public handleAction(action: PaymentAction, props = {}): UIElement<P> \| null {\n if (!action \|\| !action.type) {\n if (hasOwnProperty(action, 'action') && hasOwnProperty(action, 'resultCode')) {\n throw new Error(\n 'handleAction::Invalid Action - the passed action object itself has an \"action\" property and ' +\n 'a \"resultCode\": have you passed in the whole response object by mistake?'\n );\n }\n throw new Error('handleAction::Invalid Action - the passed action object does not have a \"type\" property');\n }\n\n const paymentAction = this.core.createFromAction(action, {\n ...this.elementRef.props,\n ...props,\n onAdditionalDetails: this.handleAdditionalDetails\n });\n\n if (paymentAction) {\n this.unmount();\n return paymentAction.mount(this._node);\n }\n\n return null;\n }\n\n protected handleOrder = (response: PaymentResponseData): void => {\n const { order } = response;\n\n const updateCorePromise = this.core.session ? this.core.update({ order }) : this.handleAdvanceFlowPaymentMethodsUpdate(order);\n\n updateCorePromise.then(() => {\n this.props.onOrderUpdated?.({ order });\n });\n };\n\n /\n Handles when the payment fails. The payment fails when:\n * - adv flow: the merchant rejects the payment due to a critical error\n * - adv flow: the merchant resolves the payment with a failed resultCode\n * - sessions: a network error occurs when making the payment\n * - sessions: the payment fails with a failed resultCode\n \n @param result\n /\n protected handleFailedResult = (result?: PaymentResponseData): void => {\n if (assertIsDropin(this.elementRef)) {\n this.elementRef.displayFinalAnimation('error');\n }\n\n cleanupFinalResult(result);\n this.props.onPaymentFailed?.(result, this.elementRef);\n };\n\n protected handleSuccessResult = (result: PaymentResponseData): void => {\n if (assertIsDropin(this.elementRef)) {\n this.elementRef.displayFinalAnimation('success');\n }\n\n cleanupFinalResult(result);\n this.props.onPaymentCompleted?.(result, this.elementRef);\n };\n\n /\n Handles a session /payments or /payments/details response.\n * The component will handle automatically actions, orders, and final results.\n \n @param rawResponse -\n /\n protected handleResponse(rawResponse: RawPaymentResponse): void {\n const response = sanitizeResponse(rawResponse);\n\n if (response.action) {\n this.elementRef.handleAction(response.action);\n return;\n }\n\n if (response.order?.remainingAmount?.value > 0) {\n // we don't want to call elementRef here, use the component handler\n // we do this way so the logic on handlingOrder is associated with payment method\n this.handleOrder(response);\n return;\n }\n\n this.handleSuccessResult(response);\n }\n\n /\n Call update on parent instance\n * This function exist to make safe access to the protect _parentInstance\n * @param options - CoreOptions\n /\n public updateParent(options: CoreConfiguration = {}): Promise<ICore> {\n return this.elementRef.core.update(options);\n }\n\n public setComponentRef = (ref: ComponentMethodsRef) => {\n this.componentRef = ref;\n };\n\n /\n Get the current validation status of the element\n /\n public get isValid(): boolean {\n return false;\n }\n\n /\n Get the element icon URL for the current environment\n /\n\n public get icon(): string {\n const type = this.props.paymentMethodType \|\| this.type;\n return this.props.icon ?? this.resources.getImage()(type);\n }\n\n /\n Get the element's displayable name\n /\n public get displayName(): string {\n const paymentMethodFromResponse = this.core.paymentMethodsResponse?.paymentMethods?.find(pm => pm.type === this.type);\n return this.props.name \|\| paymentMethodFromResponse?.name \|\| this.type;\n }\n\n /\n Get the element accessible name, used in the aria-label of the button that controls selected payment method\n /\n public get accessibleName(): string {\n return this.displayName;\n }\n\n /\n Used to display the second line of a payment method item\n /\n get additionalInfo(): string {\n return null;\n }\n\n /\n Return the type of an element\n /\n public get type(): string {\n return this.props.type \|\| this.constructor['type'];\n }\n\n /\n Get the payButton component for the current element\n /\n protected payButton = (props: PayButtonFunctionProps) => {\n return <PayButton {...props} amount={this.props.amount} secondaryAmount={this.props.secondaryAmount} onClick={this.submit} />;\n };\n\n /\n Used in the Partial Orders flow.\n * When the Order is updated, the merchant can request new payment methods based on the new remaining amount\n \n @private\n */\n protected async handleAdvanceFlowPaymentMethodsUpdate(order: Order \| null, amount?: PaymentAmount) {\n return new Promise<PaymentMethodsResponse>((resolve, reject) => {\n if (!this.props.onPaymentMethodsRequest) {\n return reject(new Error('onPaymentMethodsRequest is not implemented'));\n }\n\n this.props.onPaymentMethodsRequest(\n {\n ...(order && {\n order: {\n orderData: order.orderData,\n pspReference: order.pspReference\n }\n }),\n locale: this.core.options.locale\n },\n { resolve, reject }\n );\n })\n .catch(error => {\n this.handleError(\n new AdyenCheckoutError(\n 'IMPLEMENTATION_ERROR',\n 'Something failed during payment methods update or onPaymentMethodsRequest was not implemented',\n {\n cause: error\n }\n )\n );\n })\n .then(paymentMethodsResponse => {\n // in the case of the session flow we get order, amount, countryCode and shopperLocale from initialize()\n // apply the same logic here for order and amount\n // in the future it might be worth moving this logic to be performed by the core on update()\n // it would make this more consistent\n return this.core.update({\n ...(paymentMethodsResponse && { paymentMethodsResponse }),\n order,\n amount: order ? order.remainingAmount : amount\n });\n });\n }\n}\n\nexport default UIElement;\n"],"names":["UIElement","BaseElement","buildElementProps","componentProps","finalProps","_object_spread","showPayButton","this","core","getCorePropsForComponent","isStoredPaymentMethod","paymentMethodsResponse","find","type","constructor","isDropin","assertIsDropin","props","formatProps","getRegulatoryDefaults","options","countryCode","storeElementRefOnCore","storeElementReference","isAvailable","Promise","resolve","setState","newState","state","onChange","showValidation","componentRef","setElementStatus","status","_this_elementRef","elementRef","setStatus","_this_componentRef","_this_props_onChange","_this_props","isValid","data","errors","valid","call","setUpAnalytics","setUpAnalyticsObj","_this_props_session","sessionId","session","id","modules","analytics","setUp","submitAnalytics","analyticsObj","uiElementProps","component","sendAnalytics","error","console","warn","submit","makePaymentsCall","then","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","catch","handleFailedResult","onSubmit","submitUsingAdvancedFlow","beforeSubmit","reject","submitUsingSessionsFlow","handleError","AdyenCheckoutError","ANALYTICS_SUBMIT_STR","submitPayment","onComplete","handleAdditionalDetails","makeAdditionalDetailsCall","onAdditionalDetails","submitAdditionalDetailsUsingSessionsFlow","submitDetails","handleAction","action","hasOwnProperty","Error","paymentAction","createFromAction","_object_spread_props","unmount","mount","_node","rawResponse","response","order","remainingAmount","value","handleOrder","handleSuccessResult","updateParent","update","icon","paymentMethodType","_this_props_icon","resources","getImage","displayName","_this_core_paymentMethodsResponse_paymentMethods","_this_core_paymentMethodsResponse","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","handleAdvanceFlowPaymentMethodsUpdate","amount","onPaymentMethodsRequest","orderData","pspReference","locale","cause","checkout","super","_define_property","onError","_this_props_onOrderUpdated","onOrderUpdated","result","_this_props_onPaymentFailed","displayFinalAnimation","cleanupFinalResult","onPaymentFailed","_this_props_onPaymentCompleted","onPaymentCompleted","setComponentRef","ref","payButton","h","PayButton","secondaryAmount","onClick","register","bind","undefined","txVariants"],"mappings":"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"}

package/dist/es-legacy/components/internal/Voucher/Voucher.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../external/preact/dist/preact.js";import a from"../../../external/classnames/index.js";import r from"../Button/Button.js";import{copyToClipboard as t}from"../../../utils/clipboard.js";import c from"../../../core/Context/useCoreContext.js";import o from"../../../core/Context/useImage.js";function s(e,a){if(null==e)return{};var r,t,c=function(e,a){if(null==e)return{};var r,t,c={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],a.indexOf(r)>=0||(c[r]=e[r]);return c}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],a.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(c[r]=e[r])}return c}function l(l){var{voucherDetails:n=[],className:_=""}=l,u=s(l,["voucherDetails","className"]);const{i18n:i}=c(),d=o();return e("div",{className:a("adyen-checkout__voucher-result",`adyen-checkout__voucher-result--${u.paymentMethodType}`,_)},e("div",{className:"adyen-checkout__voucher-result__top"},e("div",{className:"adyen-checkout__voucher-result__image"},!!u.imageUrl&&e("span",{className:"adyen-checkout__voucher-result__image__wrapper"},e("img",{alt:u.paymentMethodType,className:"adyen-checkout__voucher-result__image__brand",src:u.imageUrl})),!!u.issuerImageUrl&&e("span",{className:"adyen-checkout__voucher-result__image__wrapper"},e("img",{alt:u.paymentMethodType,className:"adyen-checkout__voucher-result__image__issuer",src:u.issuerImageUrl}))),e("div",{className:"adyen-checkout__voucher-result__introduction"},u.introduction," ",u.instructionsUrl&&e("a",{className:"adyen-checkout-link adyen-checkout-link--voucher-result-instructions",href:u.instructionsUrl,target:"_blank",rel:"noopener noreferrer"},i.get("voucher.readInstructions")," ›")),u.amount&&e("div",{className:"adyen-checkout__voucher-result__amount"},u.amount,u.surcharge&&e("span",{className:"adyen-checkout__voucher-result__surcharge"},"(",i.get("voucher.surcharge").replace("%@",u.surcharge),")"))),u.reference&&e("div",{className:"adyen-checkout__voucher-result__separator"},e("div",{className:"adyen-checkout__voucher-result__separator__inner"}),e("div",{className:"adyen-checkout__voucher-result__code__label"},e("span",{className:"adyen-checkout__voucher-result__code__label__text"},i.get("voucher.paymentReferenceLabel")))),e("div",{className:"adyen-checkout__voucher-result__bottom"},u.reference&&e("div",{className:"adyen-checkout__voucher-result__code"},u.barcode&&e("img",{alt:i.get("voucher.paymentReferenceLabel"),className:"adyen-checkout__voucher-result__code__barcode",src:u.barcode}),e("span",null,u.reference)),(!!u.downloadUrl||!!u.copyBtn)&&e("ul",{className:"adyen-checkout__voucher-result__actions"},!!u.copyBtn&&e("li",{className:"adyen-checkout__voucher-result__actions__item"},e(r,{inline:!0,variant:"action",onClick:(e,{complete:a})=>{t(u.reference),a()},icon:d({imageFolder:"components/"})("copy_white"),label:i.get("button.copy")})),!!u.downloadUrl&&e("li",{className:"adyen-checkout__voucher-result__actions__item"},e(r,{inline:!0,variant:"action",href:u.downloadUrl,icon:d({imageFolder:"components/"})("download_white"),label:u.downloadButtonText||i.get("button.download"),target:"_blank",rel:"noopener noreferrer"}))),e("ul",{className:"adyen-checkout__voucher-result__details"},n.filter((({label:e,value:a})=>!!e&&!!a)).map((({label:a,value:r},t)=>e("li",{key:t,className:"adyen-checkout__voucher-result__details__item"},e("span",{className:"adyen-checkout__voucher-result__details__label"},a),e("span",{className:"adyen-checkout__voucher-result__details__value"},r)))))))}export{l as default};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import a from"../../../external/classnames/index.js";import r from"../Button/Button.js";import{copyToClipboard as t}from"../../../utils/clipboard.js";import{useCoreContext as c}from"../../../core/Context/CoreProvider.js";import o from"../../../core/Context/useImage.js";function s(e,a){if(null==e)return{};var r,t,c=function(e,a){if(null==e)return{};var r,t,c={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],a.indexOf(r)>=0||(c[r]=e[r]);return c}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],a.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(c[r]=e[r])}return c}function l(l){var{voucherDetails:n=[],className:_=""}=l,u=s(l,["voucherDetails","className"]);const{i18n:i}=c(),d=o();return e("div",{className:a("adyen-checkout__voucher-result",`adyen-checkout__voucher-result--${u.paymentMethodType}`,_)},e("div",{className:"adyen-checkout__voucher-result__top"},e("div",{className:"adyen-checkout__voucher-result__image"},!!u.imageUrl&&e("span",{className:"adyen-checkout__voucher-result__image__wrapper"},e("img",{alt:u.paymentMethodType,className:"adyen-checkout__voucher-result__image__brand",src:u.imageUrl})),!!u.issuerImageUrl&&e("span",{className:"adyen-checkout__voucher-result__image__wrapper"},e("img",{alt:u.paymentMethodType,className:"adyen-checkout__voucher-result__image__issuer",src:u.issuerImageUrl}))),e("div",{className:"adyen-checkout__voucher-result__introduction"},u.introduction," ",u.instructionsUrl&&e("a",{className:"adyen-checkout-link adyen-checkout-link--voucher-result-instructions",href:u.instructionsUrl,target:"_blank",rel:"noopener noreferrer"},i.get("voucher.readInstructions")," ›")),u.amount&&e("div",{className:"adyen-checkout__voucher-result__amount"},u.amount,u.surcharge&&e("span",{className:"adyen-checkout__voucher-result__surcharge"},"(",i.get("voucher.surcharge").replace("%@",u.surcharge),")"))),u.reference&&e("div",{className:"adyen-checkout__voucher-result__separator"},e("div",{className:"adyen-checkout__voucher-result__separator__inner"}),e("div",{className:"adyen-checkout__voucher-result__code__label"},e("span",{className:"adyen-checkout__voucher-result__code__label__text"},i.get("voucher.paymentReferenceLabel")))),e("div",{className:"adyen-checkout__voucher-result__bottom"},u.reference&&e("div",{className:"adyen-checkout__voucher-result__code"},u.barcode&&e("img",{alt:i.get("voucher.paymentReferenceLabel"),className:"adyen-checkout__voucher-result__code__barcode",src:u.barcode}),e("span",null,u.reference)),(!!u.downloadUrl||!!u.copyBtn)&&e("ul",{className:"adyen-checkout__voucher-result__actions"},!!u.copyBtn&&e("li",{className:"adyen-checkout__voucher-result__actions__item"},e(r,{inline:!0,variant:"action",onClick:(e,{complete:a})=>{t(u.reference),a()},icon:d({imageFolder:"components/"})("copy_white"),label:i.get("button.copy")})),!!u.downloadUrl&&e("li",{className:"adyen-checkout__voucher-result__actions__item"},e(r,{inline:!0,variant:"action",href:u.downloadUrl,icon:d({imageFolder:"components/"})("download_white"),label:u.downloadButtonText||i.get("button.download"),target:"_blank",rel:"noopener noreferrer"}))),e("ul",{className:"adyen-checkout__voucher-result__details"},n.filter((({label:e,value:a})=>!!e&&!!a)).map((({label:a,value:r},t)=>e("li",{key:t,className:"adyen-checkout__voucher-result__details__item"},e("span",{className:"adyen-checkout__voucher-result__details__label"},a),e("span",{className:"adyen-checkout__voucher-result__details__value"},r)))))))}export{l as default};
 //# sourceMappingURL=Voucher.js.map