{"version":3,"names":["scCustomerNameCss","ScCustomerNameStyle0","ScCustomerName","reportValidity","this","input","handleChange","value","checkoutState","checkout","createOrUpdateCheckout","id","data","name","error","console","handleSessionChange","fromUrl","getValueFromUrl","userState","loggedIn","_b","_a","customer","_c","_d","_f","_e","componentWillLoad","removeCheckoutListener","onChange","disconnectedCallback","render","h","key","type","ref","el","label","help","autocomplete","placeholder","readonly","required","invalid","autofocus","hasFocus","onScChange","onScInput","scInput","emit","onScFocus","scFocus","onScBlur","scBlur","disabled"],"sources":["src/components/controllers/checkout-form/customer-name/sc-customer-name.css?tag=sc-customer-name&encapsulation=shadow","src/components/controllers/checkout-form/customer-name/sc-customer-name.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Customer, Checkout } from '../../../../types';\nimport { createOrUpdateCheckout } from '../../../../services/session';\nimport { Component, Prop, h, Event, EventEmitter, Method } from '@stencil/core';\nimport { state as userState } from '@store/user';\nimport { state as checkoutState, onChange } from '@store/checkout';\nimport { getValueFromUrl } from '../../../../functions/util';\nimport { __ } from '@wordpress/i18n';\n\n@Component({\n  tag: 'sc-customer-name',\n  styleUrl: 'sc-customer-name.css',\n  shadow: true,\n})\nexport class ScCustomerName {\n  private input: HTMLScInputElement;\n\n  private removeCheckoutListener: () => void;\n\n  /** The input's size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** The input's value attribute. */\n  @Prop({ mutable: true }) value = null;\n\n  /** Draws a pill-style input with rounded edges. */\n  @Prop({ reflect: true }) pill = false;\n\n  /** The input's label. */\n  @Prop() label: string;\n\n  /** Should we show the label */\n  @Prop() showLabel: boolean = true;\n\n  /** The input's help text. */\n  @Prop() help: string = '';\n\n  /** The input's placeholder text. */\n  @Prop() placeholder: string;\n\n  /** Disables the input. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Makes the input readonly. */\n  @Prop({ reflect: true }) readonly: boolean = false;\n\n  /** Makes the input a required field. */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * This will be true when the control is in an invalid state. Validity is determined by props such as `type`,\n   * `required`, `minlength`, `maxlength`, and `pattern` using the browser's constraint validation API.\n   */\n  @Prop({ mutable: true, reflect: true }) invalid = false;\n\n  /** The input's autofocus attribute. */\n  @Prop() autofocus: boolean;\n\n  /** Inputs focus */\n  @Prop({ mutable: true, reflect: true }) hasFocus: boolean;\n\n  /** Emitted when the control receives input. */\n  @Event() scInput: EventEmitter<void>;\n\n  /** Emitted when the control gains focus. */\n  @Event() scFocus: EventEmitter<void>;\n\n  /** Emitted when the control loses focus. */\n  @Event() scBlur: EventEmitter<void>;\n\n  /** Don't allow a blank space as an input here. */\n  @Method()\n  async reportValidity() {\n    return this.input.reportValidity();\n  }\n\n  /** Silently update the checkout when the input changes. */\n  async handleChange() {\n    this.value = this.input.value;\n    try {\n      checkoutState.checkout = (await createOrUpdateCheckout({ id: checkoutState.checkout.id, data: { name: this.input.value } })) as Checkout;\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  /** Sync customer email with session if it's updated by other means */\n  handleSessionChange() {\n    // we already have a value.\n    if (this.value) return;\n\n    const fromUrl = getValueFromUrl('full_name');\n    if (!userState.loggedIn && !!fromUrl) {\n      this.value = fromUrl;\n      return;\n    }\n\n    // we want the customer name to be forced if the user is logged in.\n    if (userState.loggedIn) {\n      this.value = (checkoutState?.checkout?.customer as Customer)?.name || checkoutState?.checkout?.name;\n      // otherwise we use the checkout name first.\n    } else {\n      this.value = checkoutState?.checkout?.name || (checkoutState?.checkout?.customer as Customer)?.name;\n    }\n  }\n\n  /** Listen to checkout. */\n  componentWillLoad() {\n    this.handleSessionChange();\n    this.removeCheckoutListener = onChange('checkout', () => this.handleSessionChange());\n  }\n\n  /** Remove listener. */\n  disconnectedCallback() {\n    this.removeCheckoutListener();\n  }\n\n  render() {\n    return (\n      <sc-input\n        type=\"text\"\n        name=\"name\"\n        ref={el => (this.input = el as HTMLScInputElement)}\n        value={this.value}\n        label={this.label}\n        help={this.help}\n        autocomplete=\"name\"\n        placeholder={this.placeholder}\n        readonly={this.readonly}\n        required={this.required}\n        invalid={this.invalid}\n        autofocus={this.autofocus}\n        hasFocus={this.hasFocus}\n        onScChange={() => this.handleChange()}\n        onScInput={() => this.scInput.emit()}\n        onScFocus={() => this.scFocus.emit()}\n        onScBlur={() => this.scBlur.emit()}\n        {...(this.disabled && { disabled: true })}\n      ></sc-input>\n    );\n  }\n}\n"],"mappings":"ybAAA,MAAMA,EAAoB,uBAC1B,MAAAC,EAAeD,E,MCYFE,EAAc,M,oIAMqC,S,WAG7B,K,UAGD,M,oCAMH,K,UAGN,G,yCAMsB,M,cAGA,M,cAGT,M,aAMc,M,iDAmBlD,oBAAMC,GACJ,OAAOC,KAAKC,MAAMF,gB,CAIpB,kBAAMG,GACJF,KAAKG,MAAQH,KAAKC,MAAME,MACxB,IACEC,EAAcC,eAAkBC,EAAuB,CAAEC,GAAIH,EAAcC,SAASE,GAAIC,KAAM,CAAEC,KAAMT,KAAKC,MAAME,Q,CACjH,MAAOO,GACPC,QAAQD,MAAMA,E,EAKlB,mBAAAE,G,gBAEE,GAAIZ,KAAKG,MAAO,OAEhB,MAAMU,EAAUC,EAAgB,aAChC,IAAKC,EAAUC,YAAcH,EAAS,CACpCb,KAAKG,MAAQU,EACb,M,CAIF,GAAIE,EAAUC,SAAU,CACtBhB,KAAKG,QAAQc,GAACC,EAAAd,IAAa,MAAbA,SAAa,SAAbA,EAAeC,YAAQ,MAAAa,SAAA,SAAAA,EAAEC,YAAqB,MAAAF,SAAA,SAAAA,EAAER,SAAQW,EAAAhB,IAAa,MAAbA,SAAa,SAAbA,EAAeC,YAAQ,MAAAe,SAAA,SAAAA,EAAEX,K,KAE1F,CACLT,KAAKG,QAAQkB,EAAAjB,IAAa,MAAbA,SAAa,SAAbA,EAAeC,YAAQ,MAAAgB,SAAA,SAAAA,EAAEZ,SAAQa,GAACC,EAAAnB,IAAa,MAAbA,SAAa,SAAbA,EAAeC,YAAQ,MAAAkB,SAAA,SAAAA,EAAEJ,YAAqB,MAAAG,SAAA,SAAAA,EAAEb,K,EAKnG,iBAAAe,GACExB,KAAKY,sBACLZ,KAAKyB,uBAAyBC,EAAS,YAAY,IAAM1B,KAAKY,uB,CAIhE,oBAAAe,GACE3B,KAAKyB,wB,CAGP,MAAAG,GACE,OACEC,EAAA,YAAAC,IAAA,2CACEC,KAAK,OACLtB,KAAK,OACLuB,IAAKC,GAAOjC,KAAKC,MAAQgC,EACzB9B,MAAOH,KAAKG,MACZ+B,MAAOlC,KAAKkC,MACZC,KAAMnC,KAAKmC,KACXC,aAAa,OACbC,YAAarC,KAAKqC,YAClBC,SAAUtC,KAAKsC,SACfC,SAAUvC,KAAKuC,SACfC,QAASxC,KAAKwC,QACdC,UAAWzC,KAAKyC,UAChBC,SAAU1C,KAAK0C,SACfC,WAAY,IAAM3C,KAAKE,eACvB0C,UAAW,IAAM5C,KAAK6C,QAAQC,OAC9BC,UAAW,IAAM/C,KAAKgD,QAAQF,OAC9BG,SAAU,IAAMjD,KAAKkD,OAAOJ,UACvB9C,KAAKmD,UAAY,CAAEA,SAAU,O","ignoreList":[]}